Digi
alle pijlers
Weet iemand meer van werken met HTML codes?
donderdag 7 maart 2013 om 20:58
Goedenavond!
Sinds kort ben ik gestart met een blog. Het loopt wel redelijk op dit moment, dus dat is al mooi
Maar... het is op blogspot (Blogger.com) en je kan daar kiezen voor een standaard indeling / sjabloon (ontworpen door hun) en je kan die een beetje aanpassen naar wens. Maar ik wil nu ook in de HTML versie dingen zelf toevoegen, zoals social media icoontjes, waardoor bezoekers van mijn blog ook op mijn andere websites terecht kunnen komen. Ik heb al leuke icoontjes gevonden, had al een hele code klaar, maar het wil me maar niet lukken.
Ik zit met de verkeerde uitlijning (mijn blog heeft een blok voor de tekst in het midden en daarachter een standaard achtergrond).
Ik wil graag de social media icons binnen dat blokje houden, maar ze gaan helemaal links of rechts staan als ik <align="left" of "right"> doe...
Hoe kan ik ze uitlijnen met het gewenste aantal pixels?
En de afbeeldingen van de icons doen het ook niet, er komt een vraagtekentje in een vierkantje te staan. Ik heb momenteel de afbeeldingen geupload bij Imageshack. Geen idee of dat een goed idee was? Heb gewoon de URL gekopieerd die ik kreeg na het uploaden van de afbeeldingen.
Alvast super bedankt als iemand me een stukje vooruit kan helpen!
PS: Dit is de code die ik tot nu toe in elkaar heb geknutseld (ik ben beginnend HTML gebruiker, dus het kan er voor de kenner heel amateuristisch uitzien )
.div #social-icons a img { float:left; width:40%; height:80px; background-color: #000000; }
<div align='right' id='social-icons'>
<a href='http://www.facebook.com/MIJNACCOUNT'><img alt='Mijn Facebook' height='48' src='http://imageshack.us/photo/my-images/54 ... 3030u.png/' width='48'/></a>
<a href='https://twitter.com/ MIJNACCOUNT'><img alt='Mijn Twitter' height='48' src='http://imageshack.us/photo/my-images/25 ... 13030.png/' width='48'/></a>
<a href='http://pinterest.com/ MIJNACCOUNT'><img alt='Mijn Pinterest' height='48' src='http://imageshack.us/photo/my-images/19 ... 3030p.png/' width='48'/></a>
<a href='http://www.linkedin.com/pub/ MIJNACCOUNT’><img alt='Mijn LinkedIn' height='48' src='http://imageshack.us/photo/my-images/59 ... 3030h.png/' width='48'/></a>
<a href='http://www.youtube.com/user/ MIJNACCOUNT'><img alt='Mijn YouTube pagina' height='48' src='http://imageshack.us/photo/my-images/25 ... 3030m.png/' width='48'/></a>
</div>
Sinds kort ben ik gestart met een blog. Het loopt wel redelijk op dit moment, dus dat is al mooi
Maar... het is op blogspot (Blogger.com) en je kan daar kiezen voor een standaard indeling / sjabloon (ontworpen door hun) en je kan die een beetje aanpassen naar wens. Maar ik wil nu ook in de HTML versie dingen zelf toevoegen, zoals social media icoontjes, waardoor bezoekers van mijn blog ook op mijn andere websites terecht kunnen komen. Ik heb al leuke icoontjes gevonden, had al een hele code klaar, maar het wil me maar niet lukken.
Ik zit met de verkeerde uitlijning (mijn blog heeft een blok voor de tekst in het midden en daarachter een standaard achtergrond).
Ik wil graag de social media icons binnen dat blokje houden, maar ze gaan helemaal links of rechts staan als ik <align="left" of "right"> doe...
Hoe kan ik ze uitlijnen met het gewenste aantal pixels?
En de afbeeldingen van de icons doen het ook niet, er komt een vraagtekentje in een vierkantje te staan. Ik heb momenteel de afbeeldingen geupload bij Imageshack. Geen idee of dat een goed idee was? Heb gewoon de URL gekopieerd die ik kreeg na het uploaden van de afbeeldingen.
Alvast super bedankt als iemand me een stukje vooruit kan helpen!
PS: Dit is de code die ik tot nu toe in elkaar heb geknutseld (ik ben beginnend HTML gebruiker, dus het kan er voor de kenner heel amateuristisch uitzien )
.div #social-icons a img { float:left; width:40%; height:80px; background-color: #000000; }
<div align='right' id='social-icons'>
<a href='http://www.facebook.com/MIJNACCOUNT'><img alt='Mijn Facebook' height='48' src='http://imageshack.us/photo/my-images/54 ... 3030u.png/' width='48'/></a>
<a href='https://twitter.com/ MIJNACCOUNT'><img alt='Mijn Twitter' height='48' src='http://imageshack.us/photo/my-images/25 ... 13030.png/' width='48'/></a>
<a href='http://pinterest.com/ MIJNACCOUNT'><img alt='Mijn Pinterest' height='48' src='http://imageshack.us/photo/my-images/19 ... 3030p.png/' width='48'/></a>
<a href='http://www.linkedin.com/pub/ MIJNACCOUNT’><img alt='Mijn LinkedIn' height='48' src='http://imageshack.us/photo/my-images/59 ... 3030h.png/' width='48'/></a>
<a href='http://www.youtube.com/user/ MIJNACCOUNT'><img alt='Mijn YouTube pagina' height='48' src='http://imageshack.us/photo/my-images/25 ... 3030m.png/' width='48'/></a>
</div>
donderdag 7 maart 2013 om 21:38
<style>
.socialicons
{
text-align: center;
width: auto;
}
</style>
<div class="socialicons">
<a href='http://www.facebook.com/MIJNACCOUNT'><img alt='Mijn Facebook' height='48' src='http://i48.tinypic.com/1iibsw.png' width='48'/></a>
<a href='https://twitter.com/ MIJNACCOUNT'><img alt='Mijn Twitter' height='48' src='http://i45.tinypic.com/24q8xn9.png' width='48'/></a>
<a href='http://pinterest.com/ MIJNACCOUNT'><img alt='Mijn Pinterest' height='48' src='http://i45.tinypic.com/2w6gdw8.png' width='48'/></a>
<a href='http://www.linkedin.com/pub/ MIJNACCOUNT'><img alt='Mijn LinkedIn' height='48' src='http://oi47.tinypic.com/1tvte8.jpg' width='60'/></a>
<a href='http://www.youtube.com/user/ MIJNACCOUNT'><img alt='Mijn YouTube pagina' height='48'src='http://i49.tinypic.com/11aiuko.png/' width='48'/></a>
</div>
Alsjeblieft
.socialicons
{
text-align: center;
width: auto;
}
</style>
<div class="socialicons">
<a href='http://www.facebook.com/MIJNACCOUNT'><img alt='Mijn Facebook' height='48' src='http://i48.tinypic.com/1iibsw.png' width='48'/></a>
<a href='https://twitter.com/ MIJNACCOUNT'><img alt='Mijn Twitter' height='48' src='http://i45.tinypic.com/24q8xn9.png' width='48'/></a>
<a href='http://pinterest.com/ MIJNACCOUNT'><img alt='Mijn Pinterest' height='48' src='http://i45.tinypic.com/2w6gdw8.png' width='48'/></a>
<a href='http://www.linkedin.com/pub/ MIJNACCOUNT'><img alt='Mijn LinkedIn' height='48' src='http://oi47.tinypic.com/1tvte8.jpg' width='60'/></a>
<a href='http://www.youtube.com/user/ MIJNACCOUNT'><img alt='Mijn YouTube pagina' height='48'src='http://i49.tinypic.com/11aiuko.png/' width='48'/></a>
</div>
Alsjeblieft
