Romano Layout
And yes its a new Layout again! I planned on finnishing it yesterday but well ... since i really had other things on my mind than coding a layout (i still cant get over the fact that judith died... i mean really its just hard to believe that you won't see someone anymore ... that the person just isnt there anymore.. especially when we always happened to run into the other ... really i can't see this not happening aymore...) but ... live goes on right? I just can't sit here and succumb to grief right? I mean i just met my best friend today and she seemed to be in some relationship problems so i think i have to talk to her again during the next few days and cheer her up! No time for me to be down myself! (not when there are others that need me and my always optimistic and cheery self +sigh+)
So i just did some things to get my mind off from my own thoughts and problems and the annoying pain (meaning my still aching tooth and the fact that i have to go to the dentist again on friday) +sigh+
But im totally getting away from the point of this post!
So ok coding this was always a little distraction from all of this and i really wanted to post it!
I like this layout alot and just had to made it even so no one requested it or anything like that ... i just really DO like romano alot (he's one of my favorite characters) and there are some really funny scenes of him in the anime after all - so enough reasons to do this right?
I hope you enjoy this one too!
Preview
romano_layout
S2 Layout
How to use it
if you need help just contact me! (but i tried it with those settings myself so there shouldnt be any problems)
CSS Code
/* Cleaned CSS: */ body { color: #4D7F7C; font-family: Tahoma; font-size: 8pt; margin: 0px; background-color: transparent; background-image: url('http://img514.imageshack.us/img514/9982/bgromano.jpg'); background-position: top left; background-repeat: repeat-y; overflow-x: hidden; } a { color: #06504C; text-transform: uppercase; text-decoration: none; } a:hover { color: #0DB299; } input, select, textarea { background: #F4E7D7; color: #06504C; font-family: Tahoma; font-size: 11px; border: #2B524F dashed 1px; } .pageblock{ padding-top: 0px; padding-left: 0px; background-image: url('http://i271.photobucket.com/albums/jj155/urupon/romano-lay.jpg'); background-repeat: no-repeat; width: 1280px; margin: 0; } .pagefooterblock { background-image: url('http://img21.imageshack.us/img21/1904/footerma.jpg'); text-decoration: none; text-align: center; padding: 83px 215px 35px 0px; color: #4D7F7C; background-repeat: no-repeat; } .pageheaderblock { padding: 8px; 10px 0px 0px; } .header-title { display: none; text-transform: lowercase; text-align: left; font-family: Tahoma; letter-spacing: -2px; font-size: 36px; line-height: 20px; color: #4D7F7C; } .header-subtitle { display: none; } .header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; } .header-menu { display: none; } .header-menu a, .header-menu a:visited { white-space: nowrap; padding: 0px 0px 0px 0px; color: #4D7F7C; text-decoration: none; } .header-menu a:hover { color: #4D7F7C; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; } .header-menu li, #footer-menu li { display: inline; } /* BODY */ .bodyblock { width: 425px; padding-top: 345px; padding-left: 10px; background-color: transparent; } .bodyheaderblock { display: none; } .bodynavblock { background-color: transparent; margin: 10px 0px 4px 0px; padding: 8px; } .bodynavblock a, .bodynavblock a:visited { color: #4D7F7C; } .body-title { display: none; } .body-midtitle { display: none; } /* ENTRIES */ .entryHolder { width: 460px; text-align: justify; margin-top: 50px; margin-bottom: 25px background-color: transparent; } .entryUserinfo { font-weight: none; font-family: Tahoma; font-size: 8pt; text-align: left; margin: 10px 12px 8px 5px; background-color: transparent; } .entryText { line-height: 16px; padding: 8px 4px 14px 0px; } .entryUserinfo-usericon img { padding: 3px; border: #2B524F dashed 1px; } .entryText { line-height: 16px; padding: 8px 4px 14px 0px; } .entryHeader a{ color: #2B524F; } .entryHeader a:hover { color: #2B524F; } .entryHeaderDate { color: #4D7F7C; } .entryHeaderSubject { display: block; text-transform: uppercase; border-bottom: #2B524F dashed 2px; margin: 0 0 15px 0; } .entryHeaderDate a { color: #4D7F7C; text-decoration: none; } .entryHeaderDate a:hover { color: #4D7F7C; } .entryMetadata { font-family: Tahoma; padding-bottom: 10px; } .entryMetadata img { display: none; } .entryMetadata ul { margin: 0px; padding: 1px; } .entryMetadata li { list-style: none; padding: 1px; display: block; } .entryMetadata-label { padding: 2px; color: #2B524F; font-size: 8pt; text-transform: lowercase; } .entryLinkbar { height: 41px; background-image: url('http://img25.imageshack.us/img25/9247/entryfooterw.jpg'); background-repeat: no-repeat; background-position: bottom center; text-transform: uppercase; text-align: center; font-size: 7pt; font-family: Tahoma; padding: 15px 0px 0px 0px; } .entryLinkbar a, .entryLinkbar a:visited { color: #4D7F7C; } .entryLinkbar a:hover { color: #4D7F7C; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } /* FOOTER */ #footer-menu { text-transform: lowercase; background-color: transparent; text-align: center; font-family: Tahoma; font-size: 8pt; } #footer-menu a, .footer-menu a:visited { padding: 0px 372px 0px 0px; color: #4D7F7C; white-space: nowrap; } #footer-menu a:hover { color: #4D7F7C; } #footer-menu ul { margin: 0; padding: 0; } #footer-menu li{ margin: 0 0px 0 0px; display: inline; } #footer-menu a, .footer-menu a:visited { padding: 0px 10px 0px 0px; color: #4D7F7C; white-space: nowrap; } #footer-menu a:hover { color: #4D7F7C; } /* SIDEBAR */ .sidebar { background-color: transparent; padding: 110px 38px 0px 0px; font-family: Tahoma; font-size: 8pt; width: 150px; color: transparent; } .sidebox { color: #344D49; margin: 0px 0px 20px 0px; text-align: justify; } .sideboxTitle { border-bottom: 2px dashed #2B524F; background-color: transparent; text-transform: uppercase; font-size: 9pt; font-family: Tahoma; letter-spacing: 2px; padding: 0px 2px 2px 2px; color: #2B524F; text-align: left; } .listtitle { font-weight: normal; text-align: left; text-transform: lowercase; font-size: 8pt; letter-spacing: 2px; margin: 4px 0px 4px 0px; } .listitem a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } .listitem:hover{ background-color: transparent; color: #344D49; } .sideboxContent { line-height: 12px; text-align: left; padding: 3px; } .sidebox #freetext { text-align: left; } .sidebox #profile, .sidebox #latestmonth, .sidebox #search { text-align: center; } #tags_sidebox a { display: block; font-size: 8pt; } #tags_sidebox { font-size: 0px; } .sidebox #systemlinks { text-align: left; } .sidebox #latestmonth table { width: 90%; margin: 4px auto 4px auto; } #latestmonth a:link, #latestmonth a:active, #latestmonth a:visited { text-align: center; text-transform: uppercase; } #latestmonth td { text-align: center; padding: 1px; font-family: Tahoma; font-size: 8pt; } .latestmonth-inactive { background-color: transparent; padding: 2px; } .latestmonth-active { background-color: #F4E7D7; padding: 2px; } .profile-label { display: none; } .commentHolder { color: #2B524F; background-color: #F4E7D7; font-family: Tahoma; font-size: 8pt; padding: 10px 8px 8px 10px; } .commentUserinfo { text-align: center; padding: 8px 8px 8px 8px; background-color: #FAF2CE; } .commentUserinfo-usericon img { padding: 3px; border: 1px dashed #2B524F; } .commentText { padding: 6px; } .commentHeader { text-transform: uppercase; background-color: #F4E7D7; color: #2B524F; font-family: Tahoma; font-size: 10pt; padding: 4px 0px 4px 8px; } .commentHeader a{ color: #2B524F; } .commentHeaderScreened { font-family: Tahoma; font-size: 10pt; background-color: #F4E7D7; padding: 4px 0px 4px 8px; } .commentHeaderSubject { font-weight: normal; } .commentLinkbar { border-top: 2px dashed #2B524F; font-family: Tahoma; text-transform: uppercase; font-size: 8pt; text-align: center; } .commentLinkbar a { color: #2B524F } .commentLinkbar a:hover { color: #2B524F; } .commentLinkbar ul { padding: 0px; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } .replyform { padding-left: 10px; } #commenttext{ width: 90%; }
---------------------------
Als always i love getting comments!!
And tell me what to do next!
Im actually thiking about liet and austria (both where requested) but i still love to hear your opinions and requests!!!
So i just did some things to get my mind off from my own thoughts and problems and the annoying pain (meaning my still aching tooth and the fact that i have to go to the dentist again on friday) +sigh+
But im totally getting away from the point of this post!
So ok coding this was always a little distraction from all of this and i really wanted to post it!
I like this layout alot and just had to made it even so no one requested it or anything like that ... i just really DO like romano alot (he's one of my favorite characters) and there are some really funny scenes of him in the anime after all - so enough reasons to do this right?
I hope you enjoy this one too!
Preview
romano_layout
S2 Layout
How to use it
- Change your Theme to smooth sailing (Army Attire)
- Change 'Ad Placement' to 'Between Entries'
- Change all colors to #F4E7D7
(found under styles) - "Use Layout stylesheets' should be changed to 'No'
- Default layout colors & without background gradient both need to be active
- And you need to set the sidebar to left!
if you need help just contact me! (but i tried it with those settings myself so there shouldnt be any problems)
CSS Code
/* Cleaned CSS: */ body { color: #4D7F7C; font-family: Tahoma; font-size: 8pt; margin: 0px; background-color: transparent; background-image: url('http://img514.imageshack.us/img514/9982/bgromano.jpg'); background-position: top left; background-repeat: repeat-y; overflow-x: hidden; } a { color: #06504C; text-transform: uppercase; text-decoration: none; } a:hover { color: #0DB299; } input, select, textarea { background: #F4E7D7; color: #06504C; font-family: Tahoma; font-size: 11px; border: #2B524F dashed 1px; } .pageblock{ padding-top: 0px; padding-left: 0px; background-image: url('http://i271.photobucket.com/albums/jj155/urupon/romano-lay.jpg'); background-repeat: no-repeat; width: 1280px; margin: 0; } .pagefooterblock { background-image: url('http://img21.imageshack.us/img21/1904/footerma.jpg'); text-decoration: none; text-align: center; padding: 83px 215px 35px 0px; color: #4D7F7C; background-repeat: no-repeat; } .pageheaderblock { padding: 8px; 10px 0px 0px; } .header-title { display: none; text-transform: lowercase; text-align: left; font-family: Tahoma; letter-spacing: -2px; font-size: 36px; line-height: 20px; color: #4D7F7C; } .header-subtitle { display: none; } .header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; } .header-menu { display: none; } .header-menu a, .header-menu a:visited { white-space: nowrap; padding: 0px 0px 0px 0px; color: #4D7F7C; text-decoration: none; } .header-menu a:hover { color: #4D7F7C; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; } .header-menu li, #footer-menu li { display: inline; } /* BODY */ .bodyblock { width: 425px; padding-top: 345px; padding-left: 10px; background-color: transparent; } .bodyheaderblock { display: none; } .bodynavblock { background-color: transparent; margin: 10px 0px 4px 0px; padding: 8px; } .bodynavblock a, .bodynavblock a:visited { color: #4D7F7C; } .body-title { display: none; } .body-midtitle { display: none; } /* ENTRIES */ .entryHolder { width: 460px; text-align: justify; margin-top: 50px; margin-bottom: 25px background-color: transparent; } .entryUserinfo { font-weight: none; font-family: Tahoma; font-size: 8pt; text-align: left; margin: 10px 12px 8px 5px; background-color: transparent; } .entryText { line-height: 16px; padding: 8px 4px 14px 0px; } .entryUserinfo-usericon img { padding: 3px; border: #2B524F dashed 1px; } .entryText { line-height: 16px; padding: 8px 4px 14px 0px; } .entryHeader a{ color: #2B524F; } .entryHeader a:hover { color: #2B524F; } .entryHeaderDate { color: #4D7F7C; } .entryHeaderSubject { display: block; text-transform: uppercase; border-bottom: #2B524F dashed 2px; margin: 0 0 15px 0; } .entryHeaderDate a { color: #4D7F7C; text-decoration: none; } .entryHeaderDate a:hover { color: #4D7F7C; } .entryMetadata { font-family: Tahoma; padding-bottom: 10px; } .entryMetadata img { display: none; } .entryMetadata ul { margin: 0px; padding: 1px; } .entryMetadata li { list-style: none; padding: 1px; display: block; } .entryMetadata-label { padding: 2px; color: #2B524F; font-size: 8pt; text-transform: lowercase; } .entryLinkbar { height: 41px; background-image: url('http://img25.imageshack.us/img25/9247/entryfooterw.jpg'); background-repeat: no-repeat; background-position: bottom center; text-transform: uppercase; text-align: center; font-size: 7pt; font-family: Tahoma; padding: 15px 0px 0px 0px; } .entryLinkbar a, .entryLinkbar a:visited { color: #4D7F7C; } .entryLinkbar a:hover { color: #4D7F7C; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } /* FOOTER */ #footer-menu { text-transform: lowercase; background-color: transparent; text-align: center; font-family: Tahoma; font-size: 8pt; } #footer-menu a, .footer-menu a:visited { padding: 0px 372px 0px 0px; color: #4D7F7C; white-space: nowrap; } #footer-menu a:hover { color: #4D7F7C; } #footer-menu ul { margin: 0; padding: 0; } #footer-menu li{ margin: 0 0px 0 0px; display: inline; } #footer-menu a, .footer-menu a:visited { padding: 0px 10px 0px 0px; color: #4D7F7C; white-space: nowrap; } #footer-menu a:hover { color: #4D7F7C; } /* SIDEBAR */ .sidebar { background-color: transparent; padding: 110px 38px 0px 0px; font-family: Tahoma; font-size: 8pt; width: 150px; color: transparent; } .sidebox { color: #344D49; margin: 0px 0px 20px 0px; text-align: justify; } .sideboxTitle { border-bottom: 2px dashed #2B524F; background-color: transparent; text-transform: uppercase; font-size: 9pt; font-family: Tahoma; letter-spacing: 2px; padding: 0px 2px 2px 2px; color: #2B524F; text-align: left; } .listtitle { font-weight: normal; text-align: left; text-transform: lowercase; font-size: 8pt; letter-spacing: 2px; margin: 4px 0px 4px 0px; } .listitem a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } .listitem:hover{ background-color: transparent; color: #344D49; } .sideboxContent { line-height: 12px; text-align: left; padding: 3px; } .sidebox #freetext { text-align: left; } .sidebox #profile, .sidebox #latestmonth, .sidebox #search { text-align: center; } #tags_sidebox a { display: block; font-size: 8pt; } #tags_sidebox { font-size: 0px; } .sidebox #systemlinks { text-align: left; } .sidebox #latestmonth table { width: 90%; margin: 4px auto 4px auto; } #latestmonth a:link, #latestmonth a:active, #latestmonth a:visited { text-align: center; text-transform: uppercase; } #latestmonth td { text-align: center; padding: 1px; font-family: Tahoma; font-size: 8pt; } .latestmonth-inactive { background-color: transparent; padding: 2px; } .latestmonth-active { background-color: #F4E7D7; padding: 2px; } .profile-label { display: none; } .commentHolder { color: #2B524F; background-color: #F4E7D7; font-family: Tahoma; font-size: 8pt; padding: 10px 8px 8px 10px; } .commentUserinfo { text-align: center; padding: 8px 8px 8px 8px; background-color: #FAF2CE; } .commentUserinfo-usericon img { padding: 3px; border: 1px dashed #2B524F; } .commentText { padding: 6px; } .commentHeader { text-transform: uppercase; background-color: #F4E7D7; color: #2B524F; font-family: Tahoma; font-size: 10pt; padding: 4px 0px 4px 8px; } .commentHeader a{ color: #2B524F; } .commentHeaderScreened { font-family: Tahoma; font-size: 10pt; background-color: #F4E7D7; padding: 4px 0px 4px 8px; } .commentHeaderSubject { font-weight: normal; } .commentLinkbar { border-top: 2px dashed #2B524F; font-family: Tahoma; text-transform: uppercase; font-size: 8pt; text-align: center; } .commentLinkbar a { color: #2B524F } .commentLinkbar a:hover { color: #2B524F; } .commentLinkbar ul { padding: 0px; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } .replyform { padding-left: 10px; } #commenttext{ width: 90%; }
---------------------------
Als always i love getting comments!!
And tell me what to do next!
Im actually thiking about liet and austria (both where requested) but i still love to hear your opinions and requests!!!