Uitzicht design-

eliana · 21 dec 2009, 13:43

http://img693.imageshack.us/img693/875/0ecard.jpg

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

Ik heb een eigen uitzicht design. Hoe kan ik een url plaatsen zodat ik op de achtergrond een plaatje hebt.
Ik heb bovenaan eenhttp://img693..... hoe voeg ik het toe aan de list-style-image:url.... zodat een een achtergrond plaat op mijn webblog krijg.

bedankt.

ultddave · 21 dec 2009, 13:58

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

eliana · 21 dec 2009, 15:51

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

.titel

hover
{
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">


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


</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>


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


<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">


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


</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>

ultddave · 21 dec 2009, 15:57

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

eliana · 21 dec 2009, 23:22

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.