Pagina 1 van 2

foto ipv top titel?

Geplaatst: di jun 27, 2006 04:20 18
door Thomas Deflo
Dag allen,

ik vroeg me af of het via de html-code in Uitzicht/design wijzigen mogelijk zou zijn een gehoste foto in de boventitel van de blog te krijgen...

Een soort banner dus bij .top_titel.

Geplaatst: di jun 27, 2006 06:40 09
door slytherat
Wel, je weet al waar je het moet zetten ^_^
En aangezien ikzelf ook een gehoste foto daar geplaatst heb:

Voeg bij [b].top_titel[/b] het volgende toe (of vervang door):

background: url(http://url gehoste foto);

Nu is het wel zo, dat als je dit doet, je titel bovenop deze afbeelding komt te staan.

Wil je de titel volledig verwijderd zien en in plaats daarvan enkel een afbeelding, dat kan eventueel ook, maar dan moet je verder naar beneden scrollen in die html-code. Zal die uitleg geven als ik terug ben van't werk.

Geplaatst: di jun 27, 2006 15:03 12
door DMEK1960
Of mag het zoals bij mij?

klik op mijn bloglink

Geplaatst: di jun 27, 2006 15:03 24
door Thomas Deflo
Dus in de praktijk gewoon

background: http://img479.imageshack.us/img479/2091/geweten2by.jpg;


?

Dat lukt niet.

Geplaatst: di jun 27, 2006 16:58 10
door slytherat
In de praktijk wordt dit:

background: url(http://img479.imageshack.us/img479/2091/geweten2by.jpg);

en dan zou dit wel moeten lukken ^_^
Let wel, zoals gezegd, uw titel zal verschijnen op uw afbeelding!

Wil je géén titel en enkel een afbeelding (zoals bij mij... [url=http://www.bloggen.be/yaoi/]volg de link[/url] :) )
Dan zul je verder in de html-code moeten graven, wil de uitleg best geven maar laten we dit stap voor stap doen, okay? Is iets overzichtelijker.

Geplaatst: di jun 27, 2006 17:33 44
door Thomas Deflo
Ik heb dus:

.top_titel
{
background: url(http://img479.imageshack.us/img479/2091/geweten2by.jpg);
}


maar dat geeft helaas niks

Geplaatst: di jun 27, 2006 18:24 00
door slytherat
Okay... ik heb juist gemerkt, dat als je de titel verwijderd je ook de achtergrond verwijderd.
Geen paniek.

En kennelijk zal er wel ergens iets verkeerd gegaan zijn, want ik heb bij mij de test gedaan en de banner verscheen mooi op mijn blogje.
Nu is het wel zo dat je de code tussen de html-code van[b] .top_titel[/b] moet voegen en niet appart, dus het globale beeld zou er ongeveer als volgt uitgezien moeten hebben (kleur en dergelijk heb ik aangepast aan mijn blog, maar bij jouw zou het ook iets dergelijks moeten wezen):

.top_titel
{
color : #E3319D;
font-size : 39px;
font-weight: bold;
font-family: Smudger LET;
padding: 10px;
text-align: center;
background: url(http://img479.imageshack.us/img479/2091/geweten2by.jpg);
}

Zoals je ziet is de background-code ertussen gevoegd en staat niet appart.

Maar wil je er geen titel op hebben, zal je het anders moeten aanpakken, vrees ik.

Allereerst:
Copy en past de gehele html-code van uw blog eventjes in word (of een ander document). Zo heb je nog steeds de originele code mocht er iets mis lopen.

De html-code van je blog is in 2 stukken verdeeld.
Het eerste: HEAD
Het tweede: BODY
Als je naar beneden scrolt zie je op een bepaald moment </HEAD>
Het uitzicht van de code veranderd daaronder. Het is daar dat je moet zijn.

Verder naar beneden scrollen (je komt <!-- BEGIN DYNAMISCH BLOK LINKERKANT --> tegen), nog verder naar beneden scrollen (je komt <!-- EINDE DYNAMISCH BLOK LINKERKANT --> tegen met daaronder een spatie)
Nu opletten, het is in de code onder die spatie dat je moet wezen.
Daar zul je (tussen codes en tekst) dit zien:[b](TITEL)[/b] dat en ENKEL [b][i]dat[/i][/b] mag je weg doen. Kom NIET aan de rest van de code!
In plaats van [b](TITEL) [/b]zet je deze code:
[b]<img src="http://img479.imageshack.us/img479/2091/geweten2by.jpg">[/b]

Wijzigen en je titel zou vervangen moeten zijn door je banner.

Geplaatst: di jun 27, 2006 20:10 09
door Gast
Je bent een genie!

Hartelijk dank. :wink:

Geplaatst: di jun 27, 2006 20:22 32
door slytherat
Geen dank ^_^

Ben blij dat het lukte.
Btw, nu moet je wel van links naar rechts scrollen. Dit kan je oplossen door je banner iets minder breed te maken. gewoon een tipje ^_-

Geplaatst: di jun 27, 2006 22:01 16
door Thomas Deflo
Ken je eventueel nog een html-truuk om een link te associëren aan die banner?

Zodat je linkt naar de index-pagina wanneer je erop klikt.

Geplaatst: di jun 27, 2006 22:08 34
door Gelmir
ik heb even t probleem gevolgd, maar k ben niet zo'n geni als slytherat, maar k wou toch even zeggen, knap gedaan, in 2 talen

Geplaatst: di jun 27, 2006 23:13 58
door Thomas Deflo
Dank u wel, Legolas. Mijn blog gaat zo'n beetje over de echte ring van het kwaad... :wink:

Geplaatst: wo jun 28, 2006 07:00 33
door slytherat
Errr... welke index-pagina?
In ieder geval wordt het dan iets als dit:

<a href="[color=blue]url pagina[/color]" target="blank"><img src="http://img479.imageshack.us/img479/2091/geweten2by.jpg" alt="" border="0"></a>


Enne Legolasje.. de'r zijn nog 2-talige blogs hoor! ^_-
Maar hij heeft gelijk. Knap gedaan!

Geplaatst: wo jun 28, 2006 09:43 12
door Thomas Deflo
De bedoeling is dus van op http://www.bloggen.be/thomasdeflo/ uit te komen wanneer je op de foto klikt.

Ik heb geprobeerd:

background: <a href="http://www.bloggen.be/thomasdeflo/" target="blank"><img src="http://img260.imageshack.us/img260/877/tueursbrabantbendenijvel7zg.jpg"</a>

Maar blijkt niet aanklikbaar...

Geplaatst: wo jun 28, 2006 17:05 22
door slytherat
Is het de bedoeling dat dit je banner bovenaan vervangt?

Dan moet je [b](TITEL)[/b] (of in jouw geval nu [i]<img src="http://img479.imageshack.us/img479/2091/geweten2by.jpg">[/i] ) vervangen door [b]<a href="http://www.bloggen.be/thomasdeflo/" target="blank"><img src="http://img260.imageshack.us/img260/877/tueursbrabantbendenijvel7zg.jpg" alt="" border="0"></a> [/b] vervangen.


note: je was wel een [b]>[/b] vergeten en bij html-code is de regel: vergeet één tekentje en alles loopt in't honderd ^_^