Uitzicht design-

list-style-image: url(../Images/Skin/2/pijl.gif);

wordt enkel gebruikt als je dus een opsomming maakt in een tekst. Dan heb je dus "bullets" voor elk onderdeel. Dat zijn die bolletjes dus.

http://www.w3.org/MarkUp/html3/bulletlists.html

Met list-style-image kan je een eigen afbeeldingen kiezen voor de lijst. In dit geval wordt een pijltje gebruikt.

Als je de achtergrond van je site wil veranderen moet je kiezen voor:

background-image: url(http://img693.imageshack.us/img693/875/0ecard.jpg) no-repeat;

Mvg,
Dave

ultddave schreef:list-style-image: url(../Images/Skin/2/pijl.gif);

wordt enkel gebruikt als je dus een opsomming maakt in een tekst. Dan heb je dus "bullets" voor elk onderdeel. Dat zijn die bolletjes dus.

http://www.w3.org/MarkUp/html3/bulletlists.html

Met list-style-image kan je een eigen afbeeldingen kiezen voor de lijst. In dit geval wordt een pijltje gebruikt.

Als je de achtergrond van je site wil veranderen moet je kiezen voor:

background-image: url(http://img693.imageshack.us/img693/875/0ecard.jpg) no-repeat;

Mvg,
Dave

Dit is mijn eigen script uitzicht design zoals het er nu uitziet. Ik heb geprobeerd maar er kom geen achtergrond plaatje.
Hoe moet het precies.
<HTML>
<HEAD>
{META_TAGS}

<style>

.ondertitel
{
font-family : Verdana,Helvetica,Arial;
font-size: 17px;
font-weight: bold;
text-decoration: none;
color: #000000;
}

a
{
font-family : Trebuchet,Helvetica,Arial;
font-size : 13px;
font-weight : normal;
text-decoration : none;
color : #003366;
}

a:hover
{
font-family : Trebuchet,Helvetica,Arial;
font-size : 13px;
font-weight : normal;
text-decoration : underline;
color : #003366;
}

.titel
{
text-decoration: none;
color : #FFFFFF;
font-size : 22px;
font-family: Trebuchet,Helvetica,Arial;
font-weight: bold;
background : #6699CC;
background-image: url (http://Im706.imageshack.us/img706/4985/erisgeengod.jpg)
background-position: center right;
background-repeat: no-repeat;
background-attachment: fixed;
}

.titelhover
{
font-size : 22px;
font-family: Trebuchet,Helvetica,Arial;
font-weight: bold;
text-decoration: underline;
color : #FFFFFF;
}

.datum
{
color : #666666;
font-family : Trebuchet,Helvetica,Arial;
font-size: 13px;
font-weight: bold;
}

.post_titel
{
font-family : Times,Trebuchet,Helvetica;
font-size: 15px;
font-weight: bold;
background: #FFFFFF;
color : #003366;
}

.post_titel:hover
{
font-family : Times,Trebuchet,Helvetica;
font-size: 15px;
color : #000000;
font-weight: bold;
}

.bericht_content
{
font-family : Trebuchet,Helvetica,Arial;
font-size: 12px;
font-weight: normal;
color : #000000;
}

.bericht_content_lettertype
{
color : #000000;
font-family : Trebuchet,Helvetica,Arial;
font-size: 12px;
font-weight: normal;
}

.linkerkant_content_lettertype
{
color : #000000;
font-family : Trebuchet,Helvetica,Arial;
font-size: 12px;
font-weight: normal;
}

.rechterkant_content_lettertype
{
color : #000000;
font-family : Trebuchet,Helvetica,Arial;
font-size: 12px;
font-weight: normal;
}


.bg_linkerkant
{
border-width: 1px;
border-style: solid;
border-color: #EE82EE;
background : #DDA0DD;
}

.general_bg
{
background : #D8BFD8
.general_area
{
background : #D8BFD8

.freezone_content
{
font-family : Trebuchet,Helvetica,Arial;
font-size: 12px;
font-weight: normal;
padding-left:5px;
padding-right:5px;
color : #000000;
}

.titel_vrije_zone
{
background : #000000;
color : #FFFFFF;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
border-style: solid none solid none;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-family : Trebuchet,Helvetica,Arial;
font-size: 12px;
font-weight: normal;
}

.anchor
{
color : #000000;
font-family : Trebuchet,Helvetica,Arial;
font-size: 12px;
font-weight: normal;
text-decoration : none;
}

.anchor:hover
{
color : #000000;
font-family : Trebuchet,Helvetica,Arial;
font-size : 12px;
font-weight : normal;
text-decoration : underline;
}


LI
{
list-style-image: url(../Images/Skin/2/pijl.gif);
}

.bg_bottom
{
background : #990000;
color : #FFFFFF;
font-size : 12px;
font-family: Trebuchet,Helvetica,Arial;
}

.formulier_knop {
font-family:verdana,Helvetica,Arial;
font-size:11px;
background: #D6E7EF;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
color:#000000;
text-decoration:none;
cursor: hand;
font-weight: bold;
}

.formulier_tekstarea
{
border-width: 1;
border-style: solid;
border-color: #000000;
background-color: #FFFFFF;
font-family: Verdana,Helvetica,Arial;
font-size: 10px;
font-weight: bold;
}

.formulier_tekst
{
color : #000000;
font-family : Verdana,Helvetica,Arial;
font-size: 12px;
font-weight: normal;
}

.form_titel
{
color : #666633;
font-family : Verdana,Helvetica,Arial;
font-size: 15px;
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-top: 3px;
}

.formulier_bericht
{
color : #000000;
font-family : Verdana,Helvetica,Arial;
font-size: 12px;
font-weight: bold;
}

</style>

<title>{TITEL}</title>

</HEAD>

<BODY leftmargin=5 topmargin=5 rightmargin=5 bottommargin=5 class="general_bg">
<table cellpadding="0" cellspacing="0" width="100%" border=0>
<tr>
<td valign="middle" align="center" height="45" class="titel">{TITEL}</td>
</tr>
<tr>
<td><img src="../Images/Skin/2/pixel.gif" width="4" height="10"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" height="100%" border=0>
<tr>
<td valign="top">




<!-- BEGIN DYNAMISCH BLOK LINKERKANT -->
<table cellpadding="0" cellspacing="0" width="167" border=0 class = "bg_linkerkant">
{START_VRIJE_ZONE_TITEL}
<tr>
<td bgcolor="#000000" height="1"><img

src="../Images/Skin/2/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td class="titel_vrije_zone"> {TITEL_VRIJE_ZONE}</td>
</tr>
<tr>
<td bgcolor="#000000" height="1"><img

src="../Images/Skin/2/pixel.gif" width="1" height="1"></td>
</tr>
{STOP_VRIJE_ZONE_TITEL}
<tr>
<td height="10"><img

src="../Images/Skin/2/pixel.gif" width="1" height="10"></td>
</tr>
<tr>
<td class="freezone_content">{VRIJE_ZONE_TEKST}

</td>
</tr>
<tr>
<td height="10"><img

src="../Images/Skin/2/pixel.gif" width="1" height="10"></td>
</tr>
</table>
<!-- EINDE DYNAMISCH BLOK LINKERKANT -->




</td>
<td width="10"><img src="../Images/Skin/2/pixel.gif" width="10"

height="10"></td>
<td width="100%" valign="top"><a name="top"></a>
<table cellpadding="0" cellspacing="0" width="100%" border=0>
<tr>
<td class="ondertitel" colspan="3"> {ONDERTITEL}</td>
</tr>
<tr>
<td class="bericht_content">{ONDERTEKST}</td>
</tr>
<tr>
<td height="10"><img

src="../Images/Skin/2/pixel.gif" width="1" height="10"></td>
</tr>
</table>



<!-- BEGIN DYNAMISCH BLOK BERICHTEN -->
<table cellpadding="0" cellspacing="0" width="100%" border=0>
<tr>
<td class="datum"><font color="#000000">{DATUM_TITEL}</font></td>
</tr>
<tr>
<td class="post_titel">{START_LINK_ARTIKEL}<a href="{LINK_ARTIKEL}"><img

src="../Images/Skin/2/pijl.gif" alt="{TEKST_LINK_ARTIKEL}"

border=0></a>{STOP_LINK_ARTIKEL}{TITEL_BERICHT}</td>
</tr>
<tr>
<td class="bericht_content">
{START_FIGUUR_BERICHT}
<img src="{FIGUUR_BIJ_BERICHT_URL}" border=0 align="left" hspace=3 vspace="3"

{FIGUUR_BIJ_BERICHT_ATTRIBUTEN}>
{STOP_FIGUUR_BERICHT}
{INHOUD_BERICHT}{START_AUTEUR}
<h1 align="right" class="bericht_content">{DATUM_BERICHT}, {TIJD_BERICHT}

Geschreven door {AUTEUR_BERICHT}<br>
{START_COMMENTAAR}
<a href='{COMMENTAAR_URL}' class="anchor"><img

src="../Images/Skin/2/pijl.gif" border=0> Reageren ({COMMENTAAR_AANTAL}) </a>
{STOP_COMMENTAAR}
</hi>{STOP_AUTEUR}
</td>
</tr>
<tr>
<td align="right">{START_STEMMEN}{STEMMEN_COMMENTAAR}{STOP_STEMMEN}<br/>
{CATEGORIE}
{TAGS}</td>
</tr>
<tr>
<td height="10" colspan=2><img

src="../Images/Skin/2/pixel.gif" width="1" height="10"></td>
</tr>
</table>
<!-- EINDE DYNAMISCH BLOK BERICHTEN -->







<table cellpadding="0" cellspacing="0" width="100%" border=0>
<tr>
<td height="5" colspan="3"><img

src="../Images/Skin/2/pixel.gif" width="1" height="5"></td>
</tr>
<tr>
<td align="right" width="45%">{START_LINK_VORIGE_PAGINA}<img

src="../Images/Skin/2/pijl_links.gif" border="0">{STOP_LINK_VORIGE_PAGINA}</td>
<td> </td>
<td align="left" width="40%">{START_LINK_VOLGENDE_PAGINA}<img

src="../Images/Skin/2/pijl_rechts.gif" border="0">{STOP_LINK_VOLGENDE_PAGINA}</td>
</tr>
<tr>
<td align="right" colspan="3"><a href="#top"><img

src="../Images/Skin/2/pijl_top.gif" border="0"></a></td>
</tr>
<tr>
<td background="../Images/Skin/2/lijn.gif"

colspan="3"><img src="../Images/Skin/2/pixel.gif" width="1" height="2"></td>
</tr>
</table>
</td>
<td width="10"><img src="../Images/Skin/2/pixel.gif" width="10"

height="10"></td>
<td class="bg_linkerkant" valign="top">






<!-- BEGIN DYNAMISCH BLOK RECHTERKANT -->
<table cellpadding="0" cellspacing="0" width="167" border=0>
{START_VRIJE_ZONE_TITEL}
<tr>
<td bgcolor="#000000" height="1"><img

src="../Images/Skin/2/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td class="titel_vrije_zone"> {TITEL_VRIJE_ZONE}</td>
</tr>
<tr>
<td bgcolor="#000000" height="1"><img

src="../Images/Skin/2/pixel.gif" width="1" height="1"></td>
</tr>
{STOP_VRIJE_ZONE_TITEL}
<tr>
<td height="10"><img

src="../Images/Skin/2/pixel.gif" width="1" height="10"></td>
</tr>
<tr>
<td class="freezone_content">{VRIJE_ZONE_TEKST}<br>
</td>
</tr>
<tr>
<td height="10"><img

src="../Images/Skin/2/pixel.gif" width="1" height="10"></td>
</tr>
</table>
<!-- EINDE DYNAMISCH BLOK RECHTERKANT -->





</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" border=0>
<tr>
<td><img src="../Images/Skin/2/pixel.gif" width="4" height="10"></td>
</tr>
<tr>
<td align="right" class="bg_bottom"></td>
</tr>
</table>



{START_SYNDICATIE}
<table width="50%" border="0" align="center">
<tr>
{START_RSS} {STOP_RSS}
{START_JAVASCRIPT}{STOP_JAVASCRIPT}
</tr>
</table>
{STOP_SYNDICATIE}
<br><br>

</body>
</html>

Als het de bedoeling is dat de achtergrond op de hele site staat moet je dit aanpassen:

Zoek:

<BODY leftmargin=5 topmargin=5 rightmargin=5 bottommargin=5 class="general_bg">

En vervang door:

<BODY leftmargin=5 topmargin=5 rightmargin=5 bottommargin=5 class="general_bg" style="background-image: url(http://img693.imageshack.us/img693/875/0ecard.jpg) no-repeat;
" >

Als je wilt dat de achtergrond herhaald wordt, moet je die "no-repeat" wegvegen in bovenstaande regel.

Als dat niet het gewenste resultaat is, dan vervang je de regel gewoon terug door de oude.

Mvg,
Dave

ultddave schreef:Als het de bedoeling is dat de achtergrond op de hele site staat moet je dit aanpassen:

Zoek:

<BODY leftmargin=5 topmargin=5 rightmargin=5 bottommargin=5 class="general_bg">

En vervang door:

<BODY leftmargin=5 topmargin=5 rightmargin=5 bottommargin=5 class="general_bg" style="background-image: url(http://img693.imageshack.us/img693/875/0ecard.jpg) no-repeat;
" >

Als je wilt dat de achtergrond herhaald wordt, moet je die "no-repeat" wegvegen in bovenstaande regel.

Als dat niet het gewenste resultaat is, dan vervang je de regel gewoon terug door de oude.

Mvg,
Dave

Goede avond Dave en de senioren team. Hartstikke bedankt voor jullie ondersteuning. Wens ik nog meer te leren over website en overige veranderingen, weet ik bij wie ik moet zijn.
Mijn plaatje voor op de blog is gelukt.
Als nog bedankt en Gezegende kerstdagen.