Bad Friends Trio
Here's something new! The first fanart layout - i wanted to fill some requests but could'nt find any pictures that inspired me till i came across this one!! i just had to use it!
It annoyed the hell out of me in the end ... nothing worked the way it should and it really took me a while to fix everything x.x Hope someone likes it!
I don't know the artist and so i also don't know if it was ok to use it... if you are the artist and don't want me to use it i'll take it down if you just want some credits thats also ok and i'll add it here and on the layout~
Preview
badfriendstrio
S2 Layout
How to use it
if you need help just contact me!
CSS Code
/* Cleaned CSS: */ /* Cleaned CSS: */ body { color: #A07E61; font-family: Tahoma; font-size: 8pt; margin: 0px; background-color: transparent; background-image: url('http://img14.imageshack.us/img14/1151/bftbg111.jpg'); background-position: top left; background-repeat: repeat-y; overflow-x: hidden; } a { color: #3F2918; text-transform: uppercase; text-decoration: none; } a:hover { color: #482302; } input, select, textarea { background: #714623; color: #3F2918; font-family: Tahoma; font-size: 11px; border: #623908 dashed 1px; } .pageblock{ padding-top: 0px; padding-left: 0px; background-image: url('http://img15.imageshack.us/img15/9540/badfriendslayout111.jpg'); background-repeat: no-repeat; width: 1280px; margin: 0; } .pagefooterblock { background-image: url('http://img22.imageshack.us/img22/9899/footerbft111.jpg'); text-decoration: none; text-align: center; padding: 83px 215px 35px 0px; color: #A07E61; 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: #A07E61; } .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: #A07E61; text-decoration: none; } .header-menu a:hover { color: #A07E61; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; } .header-menu li, #footer-menu li { display: inline; } /* BODY */ .bodyblock { width: 425px; padding-top: 380px; padding-left: 0px; background-color: transparent; } .bodyheaderblock { display: none; } .bodynavblock { background-color: transparent; margin: 10px 0px 4px 0px; padding: 8px; } .bodynavblock a, .bodynavblock a:visited { color: #A07E61; } .body-title { display: none; } .body-midtitle { display: none; } /* ENTRIES */ .entryHolder { width: 450px; text-align: left; margin-top: 105px; 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: #371E09 dashed 1px; } .entryText { line-height: 16px; padding: 8px 4px 14px 0px; } .entryHeader a{ color: #371E09; } .entryHeader a:hover { color: #371E09; } .entryHeaderDate { color: #2B1B0E; } .entryHeaderSubject { display: block; text-transform: uppercase; border-bottom: #371E09 dashed 2px; margin: 0 0 15px 0; } .entryHeaderDate a { color: #A07E61; text-decoration: none; } .entryHeaderDate a:hover { color: #A07E61; } .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: #371E09; font-size: 8pt; text-transform: lowercase; } .entryLinkbar { height: 41px; background-image: url('http://img3.imageshack.us/img3/1790/entryfooterbft.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: #A07E61; } .entryLinkbar a:hover { color: #553820; } .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 375px 0px 0px; color: #A07E61; white-space: nowrap; } #footer-menu a:hover { color: #A07E61; } #footer-menu ul { margin: 0; padding: 0; } #footer-menu li{ margin: 0px 0px 20px 0px; display: inline; } #footer-menu a, .footer-menu a:visited { padding: 0px 0px 20px 0px; color: #A07E61; white-space: nowrap; } #footer-menu a:hover { color: #A07E61; } /* SIDEBAR */ .sidebar { background-color: transparent; padding: 110px 38px 0px 0px; font-family: Tahoma; font-size: 8pt; width: 150px; color: transparent; } .sidebox { color: #481F09; margin: 0px 0px 20px 0px; text-align: justify; } .sideboxTitle { border-bottom: 2px dashed #532004; background-color: transparent; text-transform: uppercase; font-size: 9pt; font-family: Tahoma; letter-spacing: 2px; padding: 0px 2px 2px 2px; color: #532004; 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: #481F09; } .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: #714623; padding: 2px; } .profile-label { display: none; } .commentHolder { color: #371E09; background-color: #714623; font-family: Tahoma; font-size: 8pt; padding: 10px 8px 8px 10px; } .commentUserinfo { text-align: center; padding: 8px 8px 8px 8px; background-color: #714623; } .commentUserinfo-usericon img { padding: 3px; border: 1px dashed #371E09; } .commentText { padding: 6px; } .commentHeader { text-transform: uppercase; background-color: #714623; color: #915D3F; font-family: Tahoma; font-size: 10pt; padding: 4px 0px 4px 8px; } .commentHeader a{ color: #915D3F; } .commentHeaderScreened { font-family: Tahoma; font-size: 10pt; background-color: #371E09; padding: 4px 0px 4px 8px; } .commentHeaderSubject { font-weight: normal; } .commentLinkbar { border-top: 2px dashed #482302; font-family: Tahoma; text-transform: uppercase; font-size: 8pt; text-align: center; } .commentLinkbar a { color: #482302 } .commentLinkbar a:hover { color: #482302; } .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! ('cause these requsts aren't first come first serve ... i'll do what inspires me the most)
Proably the next ones:
It annoyed the hell out of me in the end ... nothing worked the way it should and it really took me a while to fix everything x.x Hope someone likes it!
I don't know the artist and so i also don't know if it was ok to use it... if you are the artist and don't want me to use it i'll take it down if you just want some credits thats also ok and i'll add it here and on the layout~
Preview
badfriendstrio
S2 Layout
How to use it
- Change your Theme to smooth sailing (Army Attire)
- Change 'Ad Placement' to 'Between Entries'
- Change all colors to #714623
(found under styles) - "Use Layout stylesheets' should be changed to 'No'
- And you need to set the sidebar to left!
if you need help just contact me!
CSS Code
/* Cleaned CSS: */ /* Cleaned CSS: */ body { color: #A07E61; font-family: Tahoma; font-size: 8pt; margin: 0px; background-color: transparent; background-image: url('http://img14.imageshack.us/img14/1151/bftbg111.jpg'); background-position: top left; background-repeat: repeat-y; overflow-x: hidden; } a { color: #3F2918; text-transform: uppercase; text-decoration: none; } a:hover { color: #482302; } input, select, textarea { background: #714623; color: #3F2918; font-family: Tahoma; font-size: 11px; border: #623908 dashed 1px; } .pageblock{ padding-top: 0px; padding-left: 0px; background-image: url('http://img15.imageshack.us/img15/9540/badfriendslayout111.jpg'); background-repeat: no-repeat; width: 1280px; margin: 0; } .pagefooterblock { background-image: url('http://img22.imageshack.us/img22/9899/footerbft111.jpg'); text-decoration: none; text-align: center; padding: 83px 215px 35px 0px; color: #A07E61; 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: #A07E61; } .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: #A07E61; text-decoration: none; } .header-menu a:hover { color: #A07E61; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; } .header-menu li, #footer-menu li { display: inline; } /* BODY */ .bodyblock { width: 425px; padding-top: 380px; padding-left: 0px; background-color: transparent; } .bodyheaderblock { display: none; } .bodynavblock { background-color: transparent; margin: 10px 0px 4px 0px; padding: 8px; } .bodynavblock a, .bodynavblock a:visited { color: #A07E61; } .body-title { display: none; } .body-midtitle { display: none; } /* ENTRIES */ .entryHolder { width: 450px; text-align: left; margin-top: 105px; 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: #371E09 dashed 1px; } .entryText { line-height: 16px; padding: 8px 4px 14px 0px; } .entryHeader a{ color: #371E09; } .entryHeader a:hover { color: #371E09; } .entryHeaderDate { color: #2B1B0E; } .entryHeaderSubject { display: block; text-transform: uppercase; border-bottom: #371E09 dashed 2px; margin: 0 0 15px 0; } .entryHeaderDate a { color: #A07E61; text-decoration: none; } .entryHeaderDate a:hover { color: #A07E61; } .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: #371E09; font-size: 8pt; text-transform: lowercase; } .entryLinkbar { height: 41px; background-image: url('http://img3.imageshack.us/img3/1790/entryfooterbft.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: #A07E61; } .entryLinkbar a:hover { color: #553820; } .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 375px 0px 0px; color: #A07E61; white-space: nowrap; } #footer-menu a:hover { color: #A07E61; } #footer-menu ul { margin: 0; padding: 0; } #footer-menu li{ margin: 0px 0px 20px 0px; display: inline; } #footer-menu a, .footer-menu a:visited { padding: 0px 0px 20px 0px; color: #A07E61; white-space: nowrap; } #footer-menu a:hover { color: #A07E61; } /* SIDEBAR */ .sidebar { background-color: transparent; padding: 110px 38px 0px 0px; font-family: Tahoma; font-size: 8pt; width: 150px; color: transparent; } .sidebox { color: #481F09; margin: 0px 0px 20px 0px; text-align: justify; } .sideboxTitle { border-bottom: 2px dashed #532004; background-color: transparent; text-transform: uppercase; font-size: 9pt; font-family: Tahoma; letter-spacing: 2px; padding: 0px 2px 2px 2px; color: #532004; 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: #481F09; } .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: #714623; padding: 2px; } .profile-label { display: none; } .commentHolder { color: #371E09; background-color: #714623; font-family: Tahoma; font-size: 8pt; padding: 10px 8px 8px 10px; } .commentUserinfo { text-align: center; padding: 8px 8px 8px 8px; background-color: #714623; } .commentUserinfo-usericon img { padding: 3px; border: 1px dashed #371E09; } .commentText { padding: 6px; } .commentHeader { text-transform: uppercase; background-color: #714623; color: #915D3F; font-family: Tahoma; font-size: 10pt; padding: 4px 0px 4px 8px; } .commentHeader a{ color: #915D3F; } .commentHeaderScreened { font-family: Tahoma; font-size: 10pt; background-color: #371E09; padding: 4px 0px 4px 8px; } .commentHeaderSubject { font-weight: normal; } .commentLinkbar { border-top: 2px dashed #482302; font-family: Tahoma; text-transform: uppercase; font-size: 8pt; text-align: center; } .commentLinkbar a { color: #482302 } .commentLinkbar a:hover { color: #482302; } .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! ('cause these requsts aren't first come first serve ... i'll do what inspires me the most)
Proably the next ones:
- Canada (Anime)
- Austria (Anime)
- Spain (FanArt)
- Prussia (FanArt)