Name of Skin: Andante, Andante Skin Maker: soggymuse Forum Software: InvisionFree Color Scheme: Dark (kinda ABBA themed) Custom notes: Edits are allowed, but please do not remove the original credit. Host images yoruself. Live Preview: here Screen Shot: Graphics?: Here Codes: HEADER: Code: Select <body bgcolor='#FFFFFF' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'> <div id="flag"> <div id="container" height="100%"> <div id="banner"><a href="http://z13.invisionfree.com/Andante"><img src="http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_banner.png" /></a></div> <ul id="sublinks"> <li><a href="http://z13.invisionfree.com/Andante">Index</a></li> <li><a href="http://z13.invisionfree.com/Andante/index.php?act=Members">Members</a></li> <li><a href="http://z13.invisionfree.com/Andante">Search</a></li> <li><a href="http://z13.invisionfree.com/Andante">Rules</a></li> <li><a href="http://z13.invisionfree.com/Andante">Newbies</a></li> <li><a href="http://z13.invisionfree.com/Andante">World</a></li> <li><a href="http://z13.invisionfree.com/Andante/index.php?act=Help">Help</a></li> <li><a href="http://z13.invisionfree.com/Andante/index.php?act=calendar">Calendar</a></li> </ul> <div id="content_wrapper"> <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %> <% STATS %> FOOTER: Code: Select <div id="credits">Andante, Andante skin by <a href="http://www.rpg-directory.com/index.php?/user/4457-soggymuse/">soggymuse</a> of <a href="http://rpg-directory.com">RPG-D</a></div> </div></div></div> CSS: Code: Select html { overflow-x: hidden; overflow-y: auto; } form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: georgia, "times new roman", "courier new", serif; font-size: 10px; color: #000; margin: 0; background: #51100c url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_background.png); } TABLE, TR, TD { font-family: georgia, "times new roman", "courier new", serif; font-size: 10px; color: #9f8566; } a:link, a:visited, a:active { text-decoration: none; color: #9b8e92; } a:hover { color: #465584; text-decoration: none; } fieldset.search { padding:6px; line-height:150% } label { cursor:pointer; } img.attach { border: 1px solid #000;padding:2px } .googleroot { padding:6px; line-height:130% } .googlechild { padding:6px; margin-left:30px; line-height:130% } .googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; } .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; } .googlepagelinks { font-size:1.1em; letter-spacing:1px } .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 } li.helprow { padding: 0; margin:0px 0px 10px 0px; text-align: left; list-style-type: none; } li.helprow b a { display: block; background: #000; padding: 3px 7px; margin-bottom: -10px; font-size: 8px; color: #9e1d12; text-transform: uppercase; font-weight: normal; letter-spacing: 1.5px; text-shadow: 1px 1px 1px #000; } ul#help { padding:0px 0px 0px 15px } option.cat { font-weight:bold; } option.sub { font-weight:bold;color:#555 } .caldate { text-align: right;font-weight:normal; font:10px georgia, serif; text-transform: uppercase; color:#901910; background: transparent; padding:4px;margin:0px } .warngood { color:green } .warnbad { color:red } #padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px } #profilename, #calendarname { font: 10px georgia, "times new roman", serif; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; text-align: right; background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_strip.png) repeat-x; margin: 10px 0; padding: 3px 10px; } #photowrap { padding:6px; } #phototitle { font-size:24px; border-bottom:1px solid black } #photoimg { text-align:center; margin-top:15px } #ucpmenu { line-height: 150%; width: 22%; background: #270705 url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_row.png); } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; font: 9px georgia, serif; text-transform: uppercase; } #ucpcontent { background: #270705 url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_row.png); line-height:150%; width:77%; } #ucpcontent p { padding:10px;margin:0px; } #ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { background: #000 url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_banner.png) no-repeat center center !important; height: 200px; display: none; } #logostrip img { display: none; } #submenu { display: none; } #userlinks { background: transparent; text-align: right; /*position: relative; margin-top: -250px;*/ text-transform: uppercase; letter-spacing: 1px; } #userlinks a { color: #ac5652; } #userlinks td { float: right; color: #76140d; font-size: 0.7em !important; font-family: georgia, times new roman, courier new, serif !important; font-weight: bold; width: 50%; } #navstrip { padding: 6px 0px 6px 0px; color: #901910; text-transform: uppercase; font-weight: normal; text-align: center; font-size: 0.85em; letter-spacing: 1px; clear: both; margin-top: 10px; margin-bottom: -10px; } .activeuserstrip { background: transparent; padding: 6px; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #53120d; } .pformstrip { text-align: center; text-transform: uppercase; font-weight: normal; color: #9f1d12; padding:7px; margin:0px; background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_strip.png); letter-spacing: 1px; font-size: 8px; } .pformleft { padding:6px; margin-top:1px;width:25%; border-top:0px solid #000; border-right:0; } .pformleft b { font-weight: normal; text-transform: uppercase; font-size: 8px; } .pformleft .tablefill { display: none; } .pformleftw { padding:6px; margin-top:1px;width:40%; border-top:0px solid #000; border-right:0; } .pformright { padding:6px; margin-top:1px;border-top:0px solid #000; } .post1, .post2 { background: transparent; text-align: left !important; } .postlinksbar { padding:7px;margin-top:1px;font-size:10px; background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_strip.png); } .row1 { background: #000; color: #53120d; } .row2 { background: transparent; } .row3 { background: #000; } .row4 { background: transparent; border: 0 !important; } .row4 b a { display: block; background: #000; padding: 3px 7px; margin-bottom: -10px; font-size: 8px; color: #9e1d12; text-transform: uppercase; font-weight: normal; letter-spacing: 1.5px; text-shadow: 1px 1px 1px #000; } .darkrow1 { background: transparent; color:#4C77B6; } .darkrow2 { background: transparent; color:#3A4F6C; } .darkrow3 { background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_strip.png); color:#3A4F6C; } .hlight { background-color: #DFE6EF } .dlight { background-color: #EEF2F7 } .titlemedium { text-align: center; text-transform: uppercase; font-weight: normal; color: #9f1d12; padding:7px; margin:0px; background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_strip.png); letter-spacing: 1px; font-size: 8px; } .maintitle { margin-top: 10px; vertical-align: middle; text-align: center; font-weight: bold; color: #901910; letter-spacing: 1px; padding: 15px 0px 8px 5px; background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_flourish.png) center top no-repeat; height: 23px; text-transform: uppercase; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #901910; } .maintitle a:hover { text-decoration: none } .maintitle img { display: none; } .plainborder { width: 50% !important; } .plainborder, .tableborder, #userlinks { border: 1px solid #410b07; background: #270705 url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_row.png); padding: 0px; margin:0px; width:100% } .tablefill { border: 0; background: #240605;padding:6px; } .tablepad { background: transparent; padding:6px } .tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px } .wrapmini { float:left;line-height:1.5em;width:25% } .pagelinks { float:left;line-height:1.2em;width:35% } .desc { font-size:10px; color: #d26964; font-style: italic; } .darkrow3 .desc { font-style: normal; font-size: 8px; } .edit { font-size: 9px } .signature { font-size: 10px; color: #339 } .postdetails { font-size: 10px; text-align: center; margin-bottom: 5px; } .post1 .postdetails, .post2 .postdetails {display:block;text-align:center;} .postcolor { font-size: 12px; line-height: 160%; text-align: left !important; } .normalname { display: block; margin: 0 auto; font: 9px georgia, serif; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; text-align: center; } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 1em; } .unreg { font-size: 1em; font-weight: bold; color: #53110d; } .searchlite { font-weight:bold; color:#F00; background-color:#FF0 } #QUOTE { font-family: georgia, times new roman, serif; font-size: 11px; color: #3a4f6c; background: #000; border: 0; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } #CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #3a4f6c; background: #000; border: 0; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } .copyright { font: 9px georgia, times new roman, Serif; line-height: 12px; text-transform: uppercase; } .codebuttons { font: 8px georgia, serif; vertical-align: middle; background: #000; padding: 3px 7px; margin-bottom: 15px; font-size: 8px; color: #9e1d12; text-transform: uppercase; font-weight: normal; letter-spacing: 1.5px; text-shadow: 1px 1px 1px #000; border: 0; } .textinput, .radiobutton, .checkbox { background: #000; border: 0; color: #53110d; } .forminput { font: 8px georgia, serif; vertical-align: middle; background: #000; padding: 3px 7px; margin-top: 0; color: #9e1d12; text-transform: uppercase; font-weight: normal; letter-spacing: 1.5px; text-shadow: 1px 1px 1px #000; border: 0; } .thin { padding:6px 0px 6px 0px; line-height:140%; margin: 5px 0; border-top:1px solid #000;border-bottom:1px solid #000; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; } .purple { color:purple;font-weight:bold } .red { color:red;font-weight:bold } .green { color:green;font-weight:bold } .blue { color:blue;font-weight:bold } .orange { color:#F90;font-weight:bold } #flag { width: 100%; margin: 0; background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_flag.png) repeat-x fixed; } #container { width: 800px; background: #000; margin: 0 auto; text-align: center; height: auto; padding: 30px 10px; font-size: 10px; color: #9f8566; } /*.tableborder { margin-top: 250px; }*/ #content_wrapper { margin-top: 50px; } /*#content_wrapper .tableborder { margin-top: 0px; }*/ #sublinks { width: 800px; list-style-type: none; margin: 0; padding: 0; float: left; position: relative; margin-top: -30px; clear: both; z-index: 999; } #sublinks li a { background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_sticky-1.png) no-repeat left center; color: #000; text-transform: uppercase; letter-spacing: 3px; padding: 20px 0 20px; text-align: center; font-weight: normal; float: left; margin-left: 7px; font-size: 8px; width: 87px; clear: right; } span.topic { font: 8px georgia, times new roman, serif; text-transform: uppercase; letter-spacing: 1px; margin: auto 3px; color: #9f1c12; text-shadow: 1px 1px 1px #000; } .button { background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_banner.png) top left; border: 0; display: block; width: 80px; float: right; padding: 2px 5px; margin: 1px; text-align: center; font: 8px georgia, times new roman, serif; text-transform: uppercase; letter-spacing: 1px; color: #9b8e92; text-shadow: 1px 1px 1px #000; font-weight: bold; } #credits { font: 8px georgia, times new roman, serif; text-transform: uppercase; color: #9e1d12; text-align: center; margin-top: 30px; } #banner { height: 200px; }
Iam having an issue where I am loading up forums but the advert is blocking the top of the first forum.Is there a way to fix it
Hi, Morgandy. Not sure what the problem was (most of my skins seem to have gone skewiff all of a sudden o_O), but I've updated the codes. That should fix it, if you want to grab the new codes and let me know one way or the other.
Thanks, TigerShal! If you do use it and run into problems like Morgandy, could you please let me know? I may have to withdraw this version if that's the case.
Will be using here... http://z13.invisionfree.com/thewalkingdead2/index.php ... as soon as I get header done to suit the board more, and rehost....beautiful work. You're my new favorite artist to watch <3
Hi Ginny. Sorry for the delay. Okay, so you need to ignore the logostrip in the CSS and go to your ACP>Skinning & Styles>Images. Just change the image macro for Logo to: Code: Select <img src='http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/andante_banner.png' alt='' border='0' /> (Except the URL would be the one for your banner, not mine. )
