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: 390
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: 1703
Location: Fiji

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 18+ Age Verified
Moderator
Qwerty <a href='/vip_club/'><img 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 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 13 Aug 2007
Posts: 12729
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

Broken PC - Please contact another mod!
Back to top
View user's profile Send private message  
Before

Before's page


Joined: 06 Aug 2007
Posts: 390
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: 390
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: 3103
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

_________________
instagram; @owchie
Back to top
View user's profile Send private message  
Antonio82 18+ Age Verified

Antonio82 <a href='/age_verify/index/'><img 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: 390
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: 390
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 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: 6877
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.
_________________
No longer using IMVU forums. Private orders are closed until further notice.
Back to top
View user's profile Send private message  
Pey

Pey's page


Joined: 17 Nov 2006
Posts: 3814
Location: United Kingdom

PostPosted: Sun Feb 07, 2010 6:54 am    Post subject: Reply with quote

really good Very Happy
_________________
Back to top
View user's profile Send private message  
Fynixa

Fynixa's page


Joined: 07 Oct 2009
Posts: 1651
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