Free layouts - NOT for re-sale.
Goto page 1, 2, 3 ... 11, 12, 13  Next
 
Post new topic   This topic is locked: you cannot edit posts or make replies.    IMVU Forum Index -> Homepage Building and Design
View previous topic :: View next topic  
Author Message
Before

Before's page


Joined: 06 Aug 2007
Posts: 388
Location: United Kingdom
PostPosted: Sun Jan 31, 2010 9:52 am    Post subject: Free layouts - NOT for re-sale. Reply with quote
THIS THREAD IS VERY MESSY. SORRY. LOL.

Please note that these are not for re-sale



This thread I will post layout codes and layout images. I tend to try things out and
once I'm done I usually delete the code or picture. So anything I post on here is up for grabs and you can make ANY modifications to them as you want. I do not give permission for resale, however if they have been edited and do not look similar to the original then you may sell.


These tips are for people new to using css and layouts. It does not tell you exactly how to use it but it gives hints on what it should be used for.

Tips:

Code:

/////////////////////////////////////////////////////////
How-To:
---------------
Copy the entire code, paste it all into your URL panel.



Colors
colors can be found here: http://www.computerhope.com/htmcolor.htm
---------------
<font color ="#NUMBER">
border-color:#NUMBER;
background-color:#NUMBER ;




Modifications:
---------------
width:180;height:250;    =   Width and Height of the box
border-style:solid;      =   Type of border. (dotted, dashed, double, inset, outset, ridged.)
border-width:1px;        =   Border width (px = width)
top:5;                   =   Box Placement (lower will make the boxes stay near the top, higher to the bottom.)
left:285;                =   Box Placement (lower will make it go left, higher will make it go right.)




Content
Write content above the </div> or it wont be in the boxes.
---------------
<img src=Picture">
<center> Centering </center>
<u>Underline</u>
<i> italics </i>
<b>Bold</b>
<strike>Strike Through</strike>
<marquee> Scrolling text </marquee>
<br> = Spaces




/////////////////////////////////////////////////////////








An image of the layout: http://i46.tinypic.com/1zg6fl0.jpg

Code:

<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>

<font color ="#494949">
<div id="scroll3" style="width:642;height:45;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:5;left:135;background-color:#101010 ;">

<img src="http://i48.tinypic.com/2a7bypx.png"><img src="http://i49.tinypic.com/xdsaq.png"><img src="http://i48.tinypic.com/28lqsll.png"><img src="http://i45.tinypic.com/pxbb6.png">
You'll need to link them, sorry. href.

</div>
<div id="scroll3" style="width:180;height:250;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:70;left:135;background-color:#101010 ;">

<img src=http://i49.tinypic.com/zwdzme.png">
<center><img src=AVIPIC_LINK_HERE"></center>

</div>
<div id="scroll3" style="width:180;height:202;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:345;left:135;background-color:#101010 ;">

Sample text here


</div>
<div id="scroll3" style="width:400;height:412;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:135;left:377;background-color:#101010;">


<center> text here </center>

</div>
<div id="scroll3" style="width:400;height:45;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:65;left:377;background-color:#101010 ;">

<center>Shout out here</center>

</div>


<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />

<style type="text/css">
#URL_panel_header,.imvucodes_net { display:none; }
</style>

<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }

</style><style type="text/css">
*, .rofl { font-size:10px !important; }
</style>

_________________
xxx

Last edited by Before on Mon Mar 29, 2010 11:22 am; edited 7 times in total
Back to top
View user's profile Send private message Send e-mail  
Notification

Notification's page


Joined: 18 Feb 2009
Posts: 1702
Location: Finland
PostPosted: Sun Jan 31, 2010 9:54 am    Post subject: Reply with quote
HMM THATS PRETTY .
sorry caps :l
Back to top
View user's profile Send private message  
Qwerty VIP Club Member
Moderator
Qwerty <a href='/vip_club/'><img border=0 src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member'></a><!-- VIP Club Member Icon -->'s page


Joined: 13 Aug 2007
Posts: 11344
Location: United Kingdom
PostPosted: Sun Jan 31, 2010 9:56 am    Post subject: Reply with quote
Woo! That is awesome of you dude Very Happy Time to get all hippy and ~share the love~ Razz
_________________
DP by Katelyn <3
Back to top
View user's profile Send private message  
Before

Before's page


Joined: 06 Aug 2007
Posts: 388
Location: United Kingdom
PostPosted: Sun Jan 31, 2010 10:10 am    Post subject: Reply with quote
Thanks lol Smile

Another:

Pic: http://i47.tinypic.com/6dqypg.png

Code:

<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>

<font color ="#494949">
<div id="scroll3" style="width:180;height:250;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:10;left:55;background-color:#101010 ;">
<img src=http://i49.tinypic.com/zwdzme.png">
<center><img src=AVI_PIC_LINK_HERE"></center>


</div>




<div id="scroll3" style="width:180;height:202;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:300;left:55;background-color:#101010 ;">

Pic of text


</div>


<div id="scroll3" style="width:285;height:80;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:5;left:293;background-color:#101010;">


</div>


<div id="scroll3" style="width:285;height:307;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:90;left:293;background-color:#101010;">
<center> -</center>
<center> Ehhhhh hi</center>


</div>
<div id="scroll3" style="width:285;height:100;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:402;left:293;background-color:#101010;">



</div>


<div id="scroll3" style="width:300;height:300;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:5;left:600;background-color:#101010 ;">


</div>


<div id="scroll3" style="width:250;height:153;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:350;left:625;background-color:#101010 ;">

<center><img src=http://i50.tinypic.com/20794sn.png"></center>

</div>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />

<style type="text/css">
#URL_panel_header,.imvucodes_net { display:none; }
</style>

<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }

</style><style type="text/css">
*, .lol { font-size:10px !important; }
</style>

<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>

_________________
xxx

Last edited by Before on Tue Feb 23, 2010 6:55 pm; edited 1 time in total
Back to top
View user's profile Send private message Send e-mail  
Before

Before's page


Joined: 06 Aug 2007
Posts: 388
Location: United Kingdom
PostPosted: Sun Jan 31, 2010 10:19 am    Post subject: Reply with quote
Another old one.

Pic:










Code:
Code:

<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>




<font color ="#494949">
<div id="scroll3" style="width:440;height:30;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:5;left:285;background-color:#101010 ;">


</div>


<div id="scroll3" style="width:180;height:250;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:45;left:285;background-color:#101010 ;">
<img src=http://i49.tinypic.com/zwdzme.png">
<center><img src=LINK_TO_AVATAR_IMAGE_HERE!"></center>

</div>




<div id="scroll3" style="width:180;height:25;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:305;left:285;background-color:#101010 ;">

<center>Add + Message buttons</center>


</div>



<div id="scroll3" style="width:250;height:120;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:80;left:474;background-color:#101010;">


<center> About me. Blah blah blah </center>
<br><br>
<center> <i> italics </i> </center>
<br><br><br>
<center> <u>Underline</u> </center>



</div>


<div id="scroll3" style="width:250;height:120;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:212;left:474;background-color:#101010;">


<center><b>Bold</b> </center>
<br><br>
<center><strike>Strike Through</strike> </center>



</div>


<div id="scroll3" style="width:250;height:25;border-style:solid; border-width:1px; border-color:#494949;overflow:auto;position:absolute;top:45;left:474;background-color:#101010 ;">
<center>Welcome</center>

</div>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />

<style type="text/css">
#URL_panel_header,.imvucodes_net { display:none; }
</style>

<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }

</style><style type="text/css">
*, .lol { font-size:10px !important; }
</style>

<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>
<center><img src=http://i50.tinypic.com/20794sn.png"></center>

_________________
xxx
Back to top
View user's profile Send private message Send e-mail  
ldentify

ldentify's page


Joined: 08 Jul 2009
Posts: 3100
Location: Korea, Republic of
PostPosted: Sun Jan 31, 2010 10:30 am    Post subject: Reply with quote
oh these are so nice ;O;
thanks ;B
_________________
http://owchie.tumblr.com/
Back to top
View user's profile Send private message  
Antonio82 VIP Club Member 18+ Age Verified

Antonio82 <a href='/vip_club/'><img border=0 src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member'></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img border=0 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'></a> 's page


Joined: 26 Jul 2006
Posts: 6376
Location: United Kingdom
PostPosted: Sun Jan 31, 2010 10:31 am    Post subject: Reply with quote
Very nice ^_^
_________________
Back to top
View user's profile Send private message  
Before

Before's page


Joined: 06 Aug 2007
Posts: 388
Location: United Kingdom
PostPosted: Sun Jan 31, 2010 10:41 am    Post subject: Reply with quote
Thanks.

Another:






code:
Code:

<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>


</font><div id="scroll3" style="border: 1px solid black; overflow: auto; width: 170px; height: 250px; position: absolute; top: 120px; left: 10px; background-color: #101010;"><font color="#bd9d75">

</font></div><font color="#bd9d75">


</font><div id="scroll3" style="border: 1px solid black; overflow: auto; width: 150px; height: 230px; position: absolute; top: 130px; left: 20px; background-color: #101010;"><font color="#494949">

1

</font></div>

<div id="scroll3" style="border: 1px solid black; overflow: auto; width: 170px; height: 105px; position: absolute; top: 120px; left: 185px; background-color: #101010;"><font color="#494949">

</font></div><font color="#bd9d75">

</font><div id="scroll3" style="border: 1px solid black; overflow: auto; width: 150px; height: 85px; position: absolute; top: 130px; left: 195px; background-color: #101010;"><font color="#494949">

3

</font></div>

<div id="scroll3" style="border: 1px solid black; overflow: auto; width: 170px; height: 140px; position: absolute; top: 230px; left: 185px; background-color: #101010;"><font color="#494949">

</font></div>

<div id="scroll3" style="border: 1px solid black; overflow: auto; width: 150px; height: 120px; position: absolute; top: 240px; left: 195px; background-color: #101010;"><font color="#494949">

3

</font></div>

<div id="scroll3" style="border: 1px solid black; overflow: auto; width: 170px; height: 250px; position: absolute; top: 120px; left: 360px; background-color: #101010;"><font color="#494949">

</font></div>

<div id="scroll3" style="border: 1px solid black; overflow: auto; width: 150px; height: 230px; position: absolute; top: 130px; left: 370px; background-color: #101010;"><font color="#494949">

4

</font></div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br>

_________________
xxx

Last edited by Before on Tue Feb 23, 2010 6:56 pm; edited 1 time in total
Back to top
View user's profile Send private message Send e-mail  
Before

Before's page


Joined: 06 Aug 2007
Posts: 388
Location: United Kingdom
PostPosted: Tue Feb 02, 2010 8:52 am    Post subject: Reply with quote
Bump.
Hopefully you lot can pick up a little on how to make your own divs too.
_________________
xxx
Back to top
View user's profile Send private message Send e-mail  
Shery_disabled_27986030 18+ Age Verified

Shery_disabled_27986030 <a href='/age_verify/index/'><img border=0 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'></a> 's page


Joined: 12 Jul 2008
Posts: 394
Location: Lithuania
PostPosted: Wed Feb 03, 2010 10:42 pm    Post subject: Reply with quote
ty for the codes...I just love them...I used it on my bestie and my husband's account and myself too..yay..ty!!
Very Happy
Back to top
View user's profile Send private message  
Corset

Corset's page


Joined: 16 Feb 2009
Posts: 3088
Location: France
PostPosted: Thu Feb 04, 2010 1:41 am    Post subject: Reply with quote
Ahhh! Thank you so much these are wonderful!
Back to top
View user's profile Send private message  
Unequal

Unequal's page


Joined: 05 Jul 2008
Posts: 1220
Location: United Kingdom
PostPosted: Sat Feb 06, 2010 1:17 pm    Post subject: Reply with quote
tyvm <33
_________________
temp shop
Back to top
View user's profile Send private message  
Inject

Inject's page


Joined: 01 Jul 2008
Posts: 6876
Location: USA - OH
PostPosted: Sat Feb 06, 2010 1:47 pm    Post subject: Reply with quote
These are wonderful ^^ Gonna be using one soon. Thank you very much.
_________________

Go there if you wish to order. Private requests are open however.
Back to top
View user's profile Send private message  
HEYPEY

HEYPEY's page


Joined: 17 Nov 2006
Posts: 3667
Location: United Kingdom
PostPosted: Sun Feb 07, 2010 6:54 am    Post subject: Reply with quote
really good Very Happy
_________________

My Group For My Products
Back to top
View user's profile Send private message  
Fynixa

Fynixa's page


Joined: 07 Oct 2009
Posts: 1646
Location: USA - TX
PostPosted: Mon Feb 08, 2010 4:38 pm    Post subject: Reply with quote
oh Thank you For Sharing Your Codes :]
Back to top
View user's profile Send private message  
Display posts from previous:   


Hide ads? Get VIP!
Post new topic   This topic is locked: you cannot edit posts or make replies.    IMVU Forum Index -> Homepage Building and Design All times are GMT - 8 Hours
Goto page 1, 2, 3 ... 11, 12, 13  Next
Page 1 of 13

 
Jump to:  
You can post new topics in this forum
You can reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


 FAQFAQ   UsergroupsUsergroups   RegisterRegister  ProfileProfile   Log in for private messagesLog in for private messages 

Search the forums:


Powered by phpBB