blue skin voor invisionfree

Geplaatst: 4 maart 200619 jaren

dit is mijn eerste skin... i 1 dag gemaakt ongever 7-8uur over gedaan om het onder de knie te krijgen en te maken:P

er staat zelfs een radio op!! :puh:

rate um ook ff :puh:

head

<body bgcolor="#919191" leftmargin="0" topmargin="0" marginwidth="1" marginheight="0" alink="#000000" vlink="#000000">
<center>
<table cellpadding="0" cellspacing="0" width="900">
<tr>
<td width="90%" height="90%" bgcolor="#a5b27c">
<tr>
<td>
<div class="banner" width="100%">
<p align="center">
<img src="http://img343.imageshack.us/img343/5749/top4oh.gif"></div>
<table width="100%" >
<td class="customsubmenu" align='center' width="100%">
<a href="http://www.qlimaxzwolle.nl.tt/"> WEBSITE </a> <a href='http://s10.invisionfree.com/skintester01/index.php?act=Help'> HELP </a><a href='http://s10.invisionfree.com/skintester01/index.php?act=Search&f='> SEARCH </a><a href='http://s10.invisionfree.com/skintester01/index.php?act=Members'> MEMBERS </a><a href='http://s10.invisionfree.com/skintester01/index.php?act=calendar'> CALENDAR</a>
</td> 
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><br /></center>
</table>

Footer:

<table width="893" height="50">
<td width="900" height="40" background="http://img420.imageshack.us/img420/2483/bot9cy.gif">
<p align="center">
<embed src="http://www.hardcoreradio.nl/hypefm.asx" width="120" height="33" autostart="true">
</table>

CSS:

html { overflow-x: hidden; overflow-y: auto; } 

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #FFF; margin:0px 10px 0px 10px;background-color:#919191 }
TABLE, TR, TD { background-color:#919191;font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px;color:#FFF; }
a:link, a:visited, a:active { text-decoration: none; color:#FFF }
a:hover { color:#FFF; text-decoration:none }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #f7ff11;padding:2px }

.googleroot  { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
;border-top:1px solid #f7ff11;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;.googlebottom, .googlebottom a:link, .googlebottom boa:visited,.googlebottom a:active { font-size:11px; color: #000; }
.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:#000 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help	{ padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate   { text-align:center;font-weight:bold;font-size:11px;color:#FF9FF9;background-color:919191;padding:0px;margin:0px;border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;}

.warngood { color:green }
.warnbad  { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#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%; border:1px solid #03325d;background-color:aFFF }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: aFFF; border:1px solid ##03325d;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip {display:none; }
#submenu {display:none }
#userlinks { border:1px dashed #000; background-color:#919191;  }

#navstrip  { border:1px dotted #000;font-weight:bold;color: #FFF;padding:6px 0px 6px 0px;background-image:url(http://img422.imageshack.us/img422/7801/blok20te.gif) }

.activeuserstrip { background-color:#03325d; padding:6px;background-image:url(http://img422.imageshack.us/img422/7801/blok20te.gif );border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;}

.pformstrip { background-image:url(http://img422.imageshack.us/img422/7801/blok20te.gif);background-color: #919191; color:#FFF;font-weight:bold;padding:7px;margin-top:1px;border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;}
.pformleft  { background-color: aFFF; padding:6px; margin-top:1px;width:25%;;border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000; }
.pformleftw { background-color: aFFF; padding:6px; margin-top:1px;width:40%;;border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000; }
.pformright { background-color: aFFF; padding:6px; margin-top:1px;border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000; }

.post1 { background-color: #03325d;border:1px solid #000; }
.post2 { background-color: #03325d;border:1px solid #000; }
.post1 table, .post2 table {background-color:#aFFF; border: 1px solid #000; }
.postlinksbar { background-color:#03325d;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://img422.imageshack.us/img422/7801/blok20te.gif); }

.row1 { background-color: #03325d;;border-top:1px solid #000;border-left:1px solid #03325d;border-right:1px solid #000;border-bottom:1px solid #03325d; }
.row2 { background-color: #03325d;border-top:1px solid #000;border-left:1px solid #03325d;border-right:1px solid #000;border-bottom:1px solid #03325d;}
.row3 { background-color: #03325d;border-top:1px solid #000;border-left:1px solid #03325d;border-right:1px solid #000;border-bottom:1px solid #03325d; }
.row4 { background-color: #03325d;border-top:1px solid #000;border-left:1px solid #0c66b8; border-right:1px solid #000;border-bottom:1px solid #03325d;}

.darkrow1 { background-color:#919191; }
.darkrow2 { background-color: #F99F99;background-image:url(http://img422.imageshack.us/img422/7801/blok20te.gif ); color:#3A4F6C;border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000; }
.darkrow3 { background-image:url(http://img422.imageshack.us/img422/7801/blok20te.gif );background-color: #FFF; color:#FFF;border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000; }

.hlight { background-color: #03325d }
.dlight { background-color: #03325d }

.titlemedium { font-weight:bold; color:#FFF; padding:5px; margin:0px; background-image: url(http://img422.imageshack.us/img422/7801/blok20te.gif);border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: none; color: #FFF }

.maintitle { text-align:left; vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:14px 10px 14px 19px;background-color:#aFFF;background-image: url(http://img345.imageshack.us/img345/1295/main3to.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF}
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid #000;background-color:#03325d;}
.tableborder { border:1px solid #000;background-color:#03325d; padding:0px; margin:0px; width:100% }
.tablefill  { border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;background-color:#aFFF;padding:6px;  }
.tablepad	{ background-color:#03325d;padding:6px;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;}
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

div.tableborder div.tablepad { background-color:#aFFF!important; }
div.tableborder div.tablepad  table { background-color: #FFF!important; }
div.tableborder div.tablepad input { background-color: #FFFimportant; }

.wrapmini	{ float:left;line-height:1.5em;width:25% }
.pagelinks   { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#FFF }
.edit { font-size: 9px }

.signature   { font-size: 10px; color: #FFF }
.postdetails { font-size: 10px }
.postcolor   { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #FFF }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color:#FFF }

.searchlite { font-weight:bold; color:#FFF; background-color:#FFF }

#QUOTE { font-family: Verdana, Arial; font-size: 12px; color: #FFF;background-image:url(http://img140.imageshack.us/img140/8339/blok0lo.gif);background-color: #FFF; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 3px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 10px; color: #aFFF;background-image:url(http://img140.imageshack.us/img140/8339/blok0lo.gif); background-color: #FFF; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;color:#FFF;border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;background-color:#FFF;background-image:url(http://img140.imageshack.us/img140/8339/blok0lo.gif)}

.forminput,.checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;color:#FFF;border-top:1px solid #03325d;border-left:1px solid #03325d;border-bottom:1px solid #03325d;border-right:1px solid #03325d;background-color:#1968af }

.textinput {font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;color:#FFF;border-top:1px solid #03325d;border-left:1px solid #03325d;border-bottom:1px solid #03325d;border-right:1px solid #03325d;background-color:#03325d;;background-image:url(http://img460.imageshack.us/img460/146/tekstvak4be.gif); background-repeat: no-repeat; background-position: right bottom;}
.radiobutton { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;color:#FFF;border-top:1px solid #03325d;border-left:1px solid #03325d;border-bottom:1px solid #03325d;border-right:1px solid #03325d;background-color:#1968af}

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #000;border-bottom:1px solid #000 }

.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 }

div.row4 {border-color:#000;border-right:1px solid #03325d;border-bottom:1px solid #000  !important}
div.row4 {border-color:#000 !important;background-color:#03325d;}
.row4 div.row4 {
border: none! important
}

.customsubmenu { text-align: center; margin: 10px 10px 10px 10px; padding: 5px 25px 5px 25px; background-image: url(http://img438.imageshack.us/img438/8659/lijn10sp.gif); border:1px solid #777; border-bottom:1px solid #777; font-weight:normal; }
.customsubmenu a:link, .customsubmenu a:visited, .customsubmenu a:active { font-weight: normal;text-transform:uppercase;font-weight: bold; color: #aFFF; padding: 5px 25px 10px 25px; border:none; }
.customsubmenu a:hover { background-image: url(http://img140.imageshack.us/img140/8339/blok0lo.gif);background-repeat: repeat-x;color:#FFF; border-right:none;border-left:none; padding:bottom: 0px; }

Bewerkt: 5 maart 200619 jaren door pietjuh1

Reageren

Geplaatst: 4 maart 200619 jaren

comment_355867

Mooi, alleen die radio zuigt

Reageren

Geplaatst: 4 maart 200619 jaren

comment_355875

uhm 7-8 uur om het te leren :schater: lol je kan het niet leren in 1 dag het duurt weken zo niet maanden

en zelfs dan zou je het hele skin code niet kunnen dromen.

maar okay dat is weer een ander verhaal.

De submenu ziet er op zich niet slecht uit maar haal de achtergrond image weg die je ziet als je over de submenu gaat.

De style van de .maintitle is op zich goed maar dit is TE en als je skin een blauw wit theme heeft laat het wit dan op meer plekken terug komen dan alleen de text kleur.

Ik weet wat je gedaan hebt met copyright maar dat hoort normaal even groot te zijn als de board width.

Nog 1 ding:

Haal a.u.b. die radio eraf het is zwaar iri :duh:

Zie mn post niet als iets slecht ofzo,het is positieve beoordeling

goed geprobeerd voor de eerst keer

Shadow

Reageren

Geplaatst: 4 maart 200619 jaren

comment_355881

Geweldig mooi gemaakt.

Je bent erg slim als dit maar op 7 a 8 uur gemaakt is.

Ik zou er niet moeten aanbeginnen. :clown:

Succes nog verder.

Greetz Matiscus. :bier:

Reageren

Geplaatst: 4 maart 200619 jaren

comment_355885

Mooie skin

maar ik houd niet van hardcore :kots: :kots:

kan je er andere muziek op zetten

Reageren

Geplaatst: 4 maart 200619 jaren

Auteur

comment_355899

@shadow

ik bedoel het niet zo dat ik het meteen goed kan ofzo ma dat ik het in ieder geval een beetje snap;)

en ik kon al met html werken...

van het sub menu?:S ik zie geen achtergrond ofzo iets..:S:P(misschien ben ik blind:P)

@all

hardcore radio staat op stil als je um wilt luister moet je um aan klikken:P

.:edit:.

@shadow laat maar ik zie het all... nu ff kijke waar de code zit:P

.:edit:.

problem opgelost

Bewerkt: 4 maart 200619 jaren door pietjuh1

Reageren

Geplaatst: 4 maart 200619 jaren

comment_355916

Html is niet moeilijk, maar het ontwerpen van de afbeelding vraagt wat tijd.

Nu ligt het er ook aan wat voor afbeeldingen je hebt. In ieder geval het ziet er leuk uit.

:klap:

Reageren

Geplaatst: 5 maart 200619 jaren

comment_355943

de submenu is nu beter nu de muziek nog :clown:

Reageren

Geplaatst: 5 maart 200619 jaren

comment_355968

hij is wel netjes, alleen de muziek vind ik niet zo mooi. maar dat licht aan mijn smaak.

Reageren

Geplaatst: 5 maart 200619 jaren

comment_355980

Ik vind het knap als je dit kunt

Maar die knoppen bijvoorbeeld deze: hebben niet zo'n mooi randje.

En die donkerblauw vind ik een beetje te donker.

Reageren

Geplaatst: 5 maart 200619 jaren

comment_356089

Ik vind het knap als je dit kunt
Maar die knoppen bijvoorbeeld deze: hebben niet zo'n mooi randje.

En die donkerblauw vind ik een beetje te donker.

Dat zijn de standaard buttons de je bij het forum krijgt

Reageren

Geplaatst: 5 maart 200619 jaren

comment_356281

bij de footer kan je inplaats van www.hardcoreradio.nl/hypefm.asx de link van jou gewenste muziek zetten

Reageren

Een reactie plaatsen

Je kan nu een reactie plaatsen en pas achteraf registreren. Als je al lid bent, log eerst in om met je eigen account een reactie te plaatsen.

https://gtagames.nl/topic/23637-blue-skin-voor-invisionfree/

Volgers

Naar onderwerpenlijst

Er zijn hier geen geregistreerde gebruikers aanwezig.

Inloggen

blue skin voor invisionfree

Featured Replies

Een reactie plaatsen

Recent actief 0

Account

Navigation

Zoeken