basic style sheet? |
![]() ![]() |
basic style sheet? |
Jan 21 2007, 04:16 PM
Post
#1
|
|
![]() nessa<3 ![]() ![]() ![]() ![]() Group: Member Posts: 139 Joined: Jul 2006 Member No: 445,930 |
does anyone have a basic style sheet with left and right module that i can edit to make my own layout....
thanks. |
|
|
|
| *Kathleen* |
Jan 21 2007, 09:52 PM
Post
#2
|
|
Guest |
You can tweak mine (this was from the Marilyn Monroe layout)..
CODE <style type="text/css">
/* Marilyn Monroe by alluringdejection */ body { background-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #98604F; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #98604F; scrollbar-darkshadow-color: #98604F; scrollbar-3dlight-color: #98604F; cursor: crosshair; overflow-x: hidden; background-image:url(http://img95.imageshack.us/img95/3872/bguz3.gif); background-attachment: top left; background-repeat: repeat-x-y; } table { background-image:url(http://img413.imageshack.us/img413/6496/tabrh7.gif); background-attachment: top center; background-repeat: repeat-y; } table.main, table.blogbody, table table, table table table { background-image:url(http://layouts.cbimg9.com/29/14571f.gif); } hr, table.footer TD, table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere { display: none; } td, p { font-family: trebuchet ms; font-size: 9x; color: #FFFFFF; align: justify; } #pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { width: auto !important; } .smalltext { text-align: center; } input, select, textarea, iframe.htmleditor, .textfield, .button { border: 1px dashed #FDFDE1; font-family: Trebuchet MS; font-size: 9px; font-color: #FDFDE1; } table.blogbody { background-color: transparent; font-family: Trebuchet MS; font-size: 9px; text-align: justify; width: 355px; } itemTitle { font-family: Trebuchet MS; font-size: 9px; } table.blogbody tr td { width: 0px; padding-left: 0px; } div.blogheader, .caption { font-family: georgia; text-transform: none; font-size: 15pt; font-weight: bold; color: #FFFFFF; text-align: left; border-right: none; border-left: none; border-top: none; border-bottom: 2px #FFFFFF solid; } h1 { font-family: georgia; text-transform: none; font-size: 15pt; font-weight: bold; color: #FFFFFF; text-align: left; border-right: none; border-left: none; border-top: none; border-bottom: 2px #FFFFFF solid; } a:link, a:active, a:visited { font-family: Trebuchet MS; font-weight: none; font-size: 9px; text-transform: none; color: #FDFDE1; } a:hover { font-family: Trebuchet MS; font-weight: none; font-size: 9px; text-transform: none; color: #FFFFFF; cursor: crosshair; } #blog { width: 365px; position: absolute; overflow-y: auto; margin-top: -964px!important; margin-left: 5px!important; z-index: 1; } #leftmodule { width: 210px; position: absolute; overflow-y: auto; margin-top: -200px!important; margin-left: 375px!important; z-index: 1; #rightmodule { width: 210px; position: absolute; overflow-y: auto; margin-top: -200px!important; margin-left: 375px!important; z-index: 1; </style> |
|
|
|
Jan 22 2007, 08:18 PM
Post
#3
|
|
![]() You'll find me in your dreams. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,536 Joined: Mar 2005 Member No: 114,010 |
If you're not so HTML savvy, this is an entire code for you. Mind you, it has some minor problems, but it should be okay.
CODE <!-- begin module set one --> [ http://www.xanga.com/oh321its_fishcakey ]
<div style="float: left; position: absolute; margin-left: 0px; margin-top: 20px; width: 175px;"> <!-- put your first set of modules here. --> <!-- you can add in more navigation here too, I guess --> <!-- or just delete everything and not have it. --> {<a href="http://www.xanga.com/signin.aspx">In</a> - <a href="http://www.xanga.com/logout.aspx">Out</a> - <a href="http://www.xanga.com/CLAF/default.asp">CLAF</a>}<br> <div align="left">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis posuere eleifend eros. Aliquam molestie, augue vel interdum placerat, nulla elit interdum enim, eget dictum quam purus eu nisl. Fusce congue pede eu sem vestibulum scelerisque. Suspendisse adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris nibh quam, condimentum sit amet, tincidunt eu, vulputate nec, urna. Praesent pede augue, pretium id, fringilla eu, fringilla eget, mauris. Proin at velit eget mi imperdiet commodo. Proin turpis nunc, facilisis et, vehicula in, scelerisque cursus, urna. Suspendisse potenti. Suspendisse ac tortor. Curabitur porttitor libero. Sed eget sem. Donec aliquam nunc eget mauris. <br> Maecenas at risus. Maecenas et lacus. Nunc congue, nunc tempus cursus sagittis, felis augue malesuada augue, euismod pretium sem turpis sit amet neque. Morbi risus. Maecenas consectetuer lectus et arcu. Donec ante felis, porta sit amet, tempus dapibus, sagittis semper, nibh. Ut sed arcu. Aenean eu leo. Sed blandit vulputate justo. Proin lobortis metus ut turpis. Aliquam molestie accumsan est. Proin lacus erat, consectetuer quis, blandit sed, tincidunt vel, tortor. Aenean tristique nunc ut erat. <br> Morbi dignissim elit nec elit. Phasellus velit metus, tincidunt ac, auctor at, porta ut, dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi at purus vel risus aliquet posuere. Vestibulum dapibus placerat augue. Nullam commodo. Sed sed risus. Suspendisse at libero. Nullam semper mi quis odio. Curabitur scelerisque purus tincidunt augue. Nulla non massa ac dui blandit pellentesque. Etiam pulvinar turpis a nunc. Nulla sapien. Mauris tortor. Nullam ante. <br> Cras turpis arcu, sodales eu, feugiat sed, venenatis non, magna. Cras fermentum. Curabitur eros. Morbi aliquam velit non elit. Duis tortor. Pellentesque sollicitudin arcu vel est. Mauris laoreet metus ut purus. Pellentesque non orci. Quisque tincidunt velit vel mi. Nullam elementum luctus neque. Nulla sit amet nisl. Fusce varius erat facilisis massa. Quisque in ipsum. Vivamus hendrerit sem. Suspendisse potenti. Integer tempor purus nec pede. <br> Morbi accumsan. Ut pede quam, suscipit ut, faucibus in, imperdiet vitae, enim. Aenean fermentum. Curabitur rhoncus, turpis non facilisis rhoncus, dui est cursus nisi, a feugiat lacus quam ut nisl. Praesent a orci. Morbi aliquam ullamcorper turpis. Aenean consequat lacinia nulla. Ut luctus bibendum augue. Suspendisse semper. Cras leo erat, ultrices sed, ornare et, aliquet a, enim. Donec at nulla ut quam cursus sagittis. Ut ut lorem. Phasellus tortor elit, consectetuer quis, congue sed, cursus eget, dui. Proin semper odio ac dui consectetuer porttitor. Nam eu eros. Quisque eleifend, leo a vulputate euismod, erat leo convallis libero, non rhoncus ante mauris nec nisl. Suspendisse potenti. Donec ornare. Nullam neque eros, iaculis ut, volutpat non, tincidunt vitae, sem.</div> </div> <!-- end module set one --> <!-- begin module set two --> <div style="float: right; position: absolute; margin-right: 210px; margin-top: 20px; width: 175px;"> <!-- your second set of modules, to the right, go here --> <!-- you can add in more navigation here too, I guess --> <!-- or just delete everything and not have it. --> {<a href="http://www.xanga.com/signin.aspx">In</a> - <a href="http://www.xanga.com/logout.aspx">Out</a> - <a href="http://www.xanga.com/CLAF/default.asp">CLAF</a>}<br> <div align="left">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis posuere eleifend eros. Aliquam molestie, augue vel interdum placerat, nulla elit interdum enim, eget dictum quam purus eu nisl. Fusce congue pede eu sem vestibulum scelerisque. Suspendisse adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris nibh quam, condimentum sit amet, tincidunt eu, vulputate nec, urna. Praesent pede augue, pretium id, fringilla eu, fringilla eget, mauris. Proin at velit eget mi imperdiet commodo. Proin turpis nunc, facilisis et, vehicula in, scelerisque cursus, urna. Suspendisse potenti. Suspendisse ac tortor. Curabitur porttitor libero. Sed eget sem. Donec aliquam nunc eget mauris. <br> Maecenas at risus. Maecenas et lacus. Nunc congue, nunc tempus cursus sagittis, felis augue malesuada augue, euismod pretium sem turpis sit amet neque. Morbi risus. Maecenas consectetuer lectus et arcu. Donec ante felis, porta sit amet, tempus dapibus, sagittis semper, nibh. Ut sed arcu. Aenean eu leo. Sed blandit vulputate justo. Proin lobortis metus ut turpis. Aliquam molestie accumsan est. Proin lacus erat, consectetuer quis, blandit sed, tincidunt vel, tortor. Aenean tristique nunc ut erat. <br> Morbi dignissim elit nec elit. Phasellus velit metus, tincidunt ac, auctor at, porta ut, dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi at purus vel risus aliquet posuere. Vestibulum dapibus placerat augue. Nullam commodo. Sed sed risus. Suspendisse at libero. Nullam semper mi quis odio. Curabitur scelerisque purus tincidunt augue. Nulla non massa ac dui blandit pellentesque. Etiam pulvinar turpis a nunc. Nulla sapien. Mauris tortor. Nullam ante. <br> Cras turpis arcu, sodales eu, feugiat sed, venenatis non, magna. Cras fermentum. Curabitur eros. Morbi aliquam velit non elit. Duis tortor. Pellentesque sollicitudin arcu vel est. Mauris laoreet metus ut purus. Pellentesque non orci. Quisque tincidunt velit vel mi. Nullam elementum luctus neque. Nulla sit amet nisl. Fusce varius erat facilisis massa. Quisque in ipsum. Vivamus hendrerit sem. Suspendisse potenti. Integer tempor purus nec pede. <br> Morbi accumsan. Ut pede quam, suscipit ut, faucibus in, imperdiet vitae, enim. Aenean fermentum. Curabitur rhoncus, turpis non facilisis rhoncus, dui est cursus nisi, a feugiat lacus quam ut nisl. Praesent a orci. Morbi aliquam ullamcorper turpis. Aenean consequat lacinia nulla. Ut luctus bibendum augue. Suspendisse semper. Cras leo erat, ultrices sed, ornare et, aliquet a, enim. Donec at nulla ut quam cursus sagittis. Ut ut lorem. Phasellus tortor elit, consectetuer quis, congue sed, cursus eget, dui. Proin semper odio ac dui consectetuer porttitor. Nam eu eros. Quisque eleifend, leo a vulputate euismod, erat leo convallis libero, non rhoncus ante mauris nec nisl. Suspendisse potenti. Donec ornare. Nullam neque eros, iaculis ut, volutpat non, tincidunt vitae, sem.</div> </div> <!-- end module set two --> <!-- this is self-explanitory --> <style type=text/css> /* double modules */ /* By - Reiri/ai + you @ CB[dot]Com */ /* for public use as long as this&the comments stay intact! */ /* remove regular modules */ texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer{display:none} table.blogbody tr td {width:0px; padding: 0px;} /* basic stuff */ body {cursor: crosshair; overflow-x:none; background: #CCFFFF url("") center center repeat-y;} //blogringdocument.write .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:10pt arial; color: #000000; text-align:justify;} div.blogheader, .caption { /* edits the dates */ font-family: Georgia; text-transform:lowercaps; font-size:13pt; font-weight:bold; color:#99CCFF;background-color: #Transparent;text-align: left; width: 350;} h4 { /* edits the titles */ font-family: Georgia; font-size:13pt; color:#00CCFF;background-color: #Transparent;text-align: center; width: 350;} a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #00CCFF; font: 10pt Georgia; text-decoration: none;} //blogring.document.write a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #00CCFF; font: 10pt Georgia; text-decoration: none;} a:hover { /* edits when user mouseovers the links */ color:#000000;font: 10pt Georgia; cursor: crosshair; text-decoration: line-through;} input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px dashed #99CCFF; font:10pt Verdana; background-color: #Transparent;} table.blogbody { /* this edits the other the place where the blog is */ background-color: #Transparent; width: 400px;} .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer{display: none;} </style> <!-- this controls the width of your blog and where it's at --> <div style="position: absolute; margin-left: 190; width: 400; margin-top: 0;"> |
|
|
|
![]() ![]() |