• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Kann man diese Icons überhaupt ins Design setzen?

sinankurt

sinankurt

Neues Mitglied
Buttons - Ich brauche eure Hilfe.

Hallo an alle,

ich habe ein Blog, und möchte nun soziale Icons auf dessen Design setzen. Die Buttons zum umleiten habe ich schon per Photoshop erstellt, also Facebook, Twitter, Delicious und RSS.

Ich würde sie gernde hier wier im Screenshot so verteilt haben:



Uploaded with ImageShack.us

Doch leider habe ich keine Ahnung, wie ich dise Icons bzw. Buttons auf diese graue Fläche so in vertikaler Richtunng von oben nach unten hinbekomme.

Hat jemand eine idee?

EDIT:
Ich habe eine beserre Idee, doch die ist auch sehr schwer:
Ich würde gerne alle Buttons schön geordnet auf der rechten grauen Hintergrund Seite haben. Die Codes für die Buttons habe ich, nur weiß ich nicht, wie ich diese auch einfügen soll :sad:
 
Zuletzt bearbeitet:
Mit einem absoluten Div Tag wäre das möglich und das ganze dann mit left und top entsprechen positionieren.
 
Das was du sagst hört sich so leicht und sanft an. Nur, leider spüre ich die softness nicht, weil ich es nicht kann :(
Kannst du mir vielleciht weiterhelfen?
 
HTML: 
<div id="icons">
<img src="icon1.jpg" alt="Beschreibung" />
<img src="icon2.jpg" alt="Beschreibung" />
<img src="icon3.jpg" alt="Beschreibung" />
<img src="icon4.jpg" alt="Beschreibung" />
</div>
HTML: 
#icons {
    position: absolute;
    top: 0px; /* hier auf einen non-Null Wert setzten, wenn die icons nicht oben anstoßen sollen*/
    right: 0px;
}
 
Ich habe noch nie mit WP gearbeitet. Sollte aufjedenfall in irgend ein HTML-Template rein (der div mit den img-Elementen) (vorm Body-Endtad). Den CSS Code eben in ein CSS Template, oder wie das eben in WP heißt.
 
In WP ist alles geglieder, sprich: Die Fußzeile im footer.php, der Artikel im article.php, der Header im header.php, der Index im index.php, es geht immer so weiter. Auch ein CSS Template wird genutzt. Doch wo genau soll ich deinen Code wie einfügen?
 
Den CSS Code schmeißt Du ins CSS Template, wo, spielt keine Rolle.

Den div mit den Icons stellst einfach in das Template, wo </body> zu finden ist (aber vor dem </body>-Tag und nicht danach!).
 
Habe es so gemacht wie du es gesagt hast, jedoch erscheinen die Buttons im Footer, also ganz unten links :(
 
Zuletzt bearbeitet:
Die 3 Buttons die bei dir erscheinen ist ein Plugin, die habe ich nicht gemacht. Das ist es ja, ich möchte auf die verzichten, ich möchte selber 3 einbauen. Doch nach deiner Anleitung erscheienen sie zwar, aber im Footer. Vielleicht liegt es daran, dass ich es in den body tag in der footer.php eingebaut habe?
 
Danke Tip-Top! Habe es nun geschafft die drei Icons mit deiner Hilfe auf der oberen rechten seite anzuzeigen. Doch ich habe nun zwei Probleme: Die Icons werden nur in firefox und chrome angezeigt, also nicht in IE 10.
Wie kategoriere ich? Damit meine ich, wie ich eine Überschrift für die drei Icons mache, und wie stelle ich sie ein wenig runter? sie sind mir ein wenig zu oben ;)
 
Woher hast Du einen IE 10?

Du hast hier Fehler im HTML-Code eingebaut:
Code: 
<div id="icons">
<a href="http://feeds.feedburner.com/Politikgott"><img src="http://www.politikgott.de/rss.png"[COLOR="red"]>[/COLOR] alt="RSS"  </a>
<a href="http://www.facebook.com/Politikgott"><img src="http://www.politikgott.de/facebook.png"[COLOR="red"]>[/COLOR] alt="Facebook" </a>
<a href="http://twitter.com/#!/Politikgott"><img src="http://www.politikgott.de/twitter.png"[COLOR="red"]>[/COLOR] alt="Twitter" </a>
</div>
 
danke, hat funktioniert.
Doch wie keategoriere ich besser? Kann man die Icons ein wenig nach unten verschieben, und eine Überschrift verpassen? Und wie kann man eine Lücke dazwischen lassen, wenn ich auch noch andere Icos hochlade? also zwischen den drei und den anderen?

EDIT:
Sorry, ich meinte iE9. Dieser zeigt die Icons links unten anstatt rechts oben :(
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben