Achtergrond cache pagina

Team Firefox · 23 november 2005

Ik wil het volgende doen: als achtergrond op een cachepagina (dus niet de rand eromheen!) wil ik een sneeuwlandschap invoegen. Ik gebruik geen html editor om de cachepagina op te maken, maar gewoon de gebruikelijke html commando's van de geocaching site. Hoe is dit te realiseren? Welke commando's en op welke plaatsen moeten die komen te staan?

KarelKraak · 23 november 2005

Je kan een tabel een achtergrondplaatje geven:

Eventueel de tabel dezelfde afmetingen geven als het plaatje met "width=..." en "height=..." in de table-tag.

Team Firefox · 23 november 2005

Je kan een tabel een achtergrondplaatje geven:

<table background="naam plaatje">

Eventueel de tabel dezelfde afmetingen geven als het plaatje met "width=..." en "height=..." in de table-tag.

<{POST_SNAPBACK}>

Het is de bedoeling dat de hele pagina een achtergrond krijgt :huh:

Peetee · 23 november 2005

In het edit-scherm heeft men hier tegenwoordig een aparte rubriek voor, namelijk de rubriek: Background Image URL.

Zet daarin de url van het plaatje dat je wilt gebruiken.

HTML-code is dus niet meer nodig.

23 november 2005 bewerkt door Peetee

Team Firefox · 23 november 2005

In het edit-scherm heeft men hier tegenwoordig een aparte rubriek voor, namelijk de rubriek: Background Image URL.
Zet daarin de url van het plaatje dat je wilt gebruiken.

HTML-code is dus niet meer nodig.

<{POST_SNAPBACK}>

Dat is voor de rand er omheen, niet voor de cache pagina zelf :huh:

Peetee · 23 november 2005

Klopt. Ik dacht dat je dat bedoelde ... :huh: Niet goed gelezen ...

23 november 2005 bewerkt door Peetee

mlvdburg · 23 november 2005

kan je dan de tabel niet een bepaalde grote meegeven, waardoor hij groter dan een beeldscherm is.

Vraag me niet hoe dit moet, maar volgens mij moet dit kunnen.

Veel succes met de kerst cache

Myth · 23 november 2005

Volgens mij staat de informatie die je zoekt on .nl onder 'verstop een cache>cache HTML' en dan bij 'table tag'.

--- begin citaat---

Je kunt deze tag ook gebruiken om de achtergrond (onder de tekst van je cache pagina) te veranderen. Hierbij kun je dan gebruik maken van een plaatje of een egale kleur. Zorg er voor dat al je cache informatie en tags dan in die tabelcel staat.

Let bij het gebruik van tags in de tabelcel dat je de volgende regels in acht houdt:

Gebruik de tags <body>, <title>, <style> en <html> NIET

Let er op dat je alles voor je cache pagina in die tabelcel plaatst dus tussen <td> en </td> in

Plaats alles in het vak voor long description

Hieronder staat een voorbeeld en als je vragen hebt horen we het wel.

<tr>

.. zet hier de cache pagina neer ...

</td>

</tr>

</table> ... zet hier de cache pagina neer ...

---einde citaat---

Team Firefox · 23 november 2005

Volgens mij staat de informatie die je zoekt on .nl onder 'verstop een cache>cache HTML' en dan bij 'table tag'.

--- begin citaat---

Je kunt deze tag ook gebruiken om de achtergrond (onder de tekst van je cache pagina) te veranderen. Hierbij kun je dan gebruik maken van een plaatje of een egale kleur. Zorg er voor dat al je cache informatie en tags dan in die tabelcel staat.

Let bij het gebruik van tags in de tabelcel dat je de volgende regels in acht houdt:

Gebruik de tags <body>, <title>, <style> en <html> NIET

Let er op dat je alles voor je cache pagina in die tabelcel plaatst dus tussen <td> en </td> in

Plaats alles in het vak voor long description

Hieronder staat een voorbeeld en als je vragen hebt horen we het wel.

<table width="99%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td bgcolor="#339933">

.. zet hier de cache pagina neer ...

</td>

</tr>

</table> ... zet hier de cache pagina neer ...

---einde citaat---

<{POST_SNAPBACK}>

Nou, aardige abracadabra Ik zie ook nergens waar je kunt verwijzen naar een URL...

Zero CooL · 23 november 2005

Ben de genoemde URL ook kwijt

Maar als je onderstaande invoert, waar de cachebeschrijving wordt ingeklopt. En je HTML ook aangevinkt hebt staan moet het wel lukken±

<table width="400" height="400" border="0" background="../site/dir_plaatje/plaatje.jpg">
 <tr>
   <td>Een voorbeeld tabel met achtergrondplaatje </td>
 </tr>
 <tr>
   <td> </td>
 </tr>
 <tr>
   <td> </td>
 </tr>
 <tr>
   <td> </td>
 </tr>
 <tr>
   <td> </td>
 </tr>
 <tr>
   <td> </td>
 </tr>
 <tr>
   <td> </td>
 </tr>
 <tr>
   <td>Zo op deze manier moet plaatje even groot zijn als je tabel omdat je anders het plaatje tig keer in je tabel ziet, dit is op te lossen met CSS, maar ??? OF dat mogelijk is, is mij niet duidelijk? </td>
 </tr>
</table>

kipchen · 23 november 2005

Wanneer je iemand kent die zo'n cachepagina heeft dan zou je in de paginabron kunnen kijken hoe hij/zij de tabellen heeft opgemaakt. Kwestie van kopiëren lijkt me en dan je eigen url voor de foto invoegen.

Maar ik zal nog even verder speuren en met m'n eigen cache in aanmaak knoeien om te kijken wat werkt.

Groetzels Kipchen

kipchen · 23 november 2005

Ik zie dat Zero Cool al de helpende hand heeft geboden. Meteen efkes uitproberen of dit werkt.

kipchen · 23 november 2005

Even geprobeerd de boel met Zero Cools' tabel in mijn cachepagina te krijgen.

Inderdaad 6 keer de foto verkleind in beeld op de pagina en niet een mooie grote foto.

Nog efkes verder vogelen.

Zero CooL · 23 november 2005

Hier is dat linkje dus

Hierop klikken

KarelKraak · 23 november 2005

Er is nog een alternatieve manier om een plaatje als achtergrond in een tabel te zetten, die meer mogelijkheden biedt qua opmaak. Als je die toepast op het voorbeeld van Zero Cool (wat overigens precies hetzelfde is als ik al had voorgesteld) krijg je dit:

<table width="400" height="400" border="0" style="background: url(../site/dir_plaatje/plaatje.jpg) no-repeat center;">
<tr>

<td>Een voorbeeld tabel met achtergrondplaatje </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td>Zo op deze manier moet plaatje even groot zijn als je tabel omdat je anders het plaatje tig keer in je tabel ziet, dit is op te lossen met CSS, maar ??? OF dat mogelijk is, is mij niet duidelijk? </td>

</tr>

</table>

Binnen de table-tag moet je background="../site/dir_plaatje/plaatje.jpg" dus vervangen door de rode tekst.

Enige uitleg is misschien noodzakelijk:

De naam/url van het plaatje moet je tussen tussen de haakjes zetten, zonder aanhalingstekens! Dus url(../plaatje.jpg) en niet url("../plaatje.jpg").

no-repeat geeft aan dat het plaatje maar één keer afgebeeld moet worden. Dit kan je ook vervangen door repeat, wat verder hetzelfde resultaat geeft als het originele voorbeeld, repeatx, het plaatje wordt alleen horizontaal herhaald, repeaty, idem als de vorige maar dan verticaal.

center geeft aan dat het plaatje gecentreerd moet worden in de tabel. Andere mogelijkheden zijn hier: bottom, top en/of left , right. Om het plaatje volledig in het midden te zetten volstaat éénmaal center. Wil je het plaatje linksbovenin hebben dan moet je zowel left als top gebruiken.

Verder kan je ook nog fixed en scroll instellen voor achtergrondplaatjes. Dit is echter alleen van belang voor de achtergrond van een gehele pagina. fixed zorgt er bijvoorbeeld voor dat het plaatje stil blijft staan als je de pagina naar beneden of naar boven scrollt. In een tabel kan je echter niet scrollen, dus heeft deze toevoeging geen enkele zin.

Of deze methode ook op cache-pagina's kan worden toegepast weet ik niet. Mogelijk wordt deze code 'verbeterd' als je je pagina aanmeld/veranderd (zie bijvoorbeeld ook dit draadje).

Aanmelden

Achtergrond cache pagina

Aanbevolen berichten

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Maak een account aan of meld je aan om een opmerking te plaatsen

Account aanmaken

Aanmelden

Onlangs hier 0 leden