foto ipv top titel?

Dit is de plaats waar je terecht kan voor technische problemen in verband met uw blog.

Moderator:Moderators

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.

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.

Of mag het zoals bij mij?

klik op mijn bloglink

Dus in de praktijk gewoon

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


?

Dat lukt niet.

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.

Ik heb dus:

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


maar dat geeft helaas niks

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.

Je bent een genie!

Hartelijk dank. :wink:

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

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.

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

Dank u wel, Legolas. Mijn blog gaat zo'n beetje over de echte ring van het kwaad... :wink:

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!

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

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 ^_^
© 2005-2017 Bloggen.be | Helpdesk | Contact
Je eigen website blog snel, gebruiksvriendelijk en gratis! Op Bloggen.be natuurlijk!