im header Social networks integrieren wie

    kai

    du hast :<div class="additionalHeaderContent"> angegeben und was hast du in deiner .tpl mit dem div?


    so geht es nicht: <div class="header_twitter">


    wenn dann muss es so sein <div class="additionalHeaderContent ">


    pixel

    Hallo ich habe mal eine Frage ich bekomme das nicht so hin wie es sein soll.
    Ich habe das nun aml so gemacht wie Tom es hier beschreiben hat, so weit habe iche s auch hin bekommen nur er zeigt mir die Grafiken übereinander an, und ich möchte es so haben das sie in einer reihe sind.


    Das wahren die richtigen Masse von den Grafiken aber ich weiss nicht wie ich das mit tom seinen code dann mache das ich alle Grafiken richtig angezeigt bekomme





    so ist Tom seiner

    Code
    .additionalHeaderContent {
	height: 60px;
	position: absolute;
	right: 0;
	top: 120px;
	width: 218px;
}


    clstestforum.JPGregentestforum.JPG

    Jetzt habe ich es so Probiert es hat sich auch verschoben aber leider sind sie immer noch untereinander.
    Es ist nur weiter nach rechts gekommen und weiter nach unten.


    Habe es nun hin bekommen keine schone Lösung da eine Tabelle da mit drin ist aber ich habe es leider anders nicht hin bekommen


    Code
    <div class="additionalHeaderContent"><table width="217">
  <tr>
	<td width="36" align="center" valign="top"><div class="header_facebook"><a href="http://www.facebook.com/pages/regenbogenbrueckecom/110739095658138"><img src="./wcf/images/Compact Classic/facebook.png" alt="facebook" /></a></div></td>
	<td width="36" align="center" valign="top"><div class="header_twitter"><a href="https://twitter.com/"><img src="./wcf/images/Compact Classic/twitter.png" alt="twitter" /></a></div></td>
	<td width="36" align="center" valign="top"><div class="header_paypal"><a href="https://www.paypal.com/de/cgi-bin/webscr?cmd=_flow&SESSION=vSYgiLOKXHFDvtP1_kp2n_D-q1WWH2qMJbw_T_3LOaiAraP7XD2JG3W7fya&dispatch=5885d80a13c0db1f8e263663d3faee8dcbcd55a50598f04d927139403713ca13"><img src="./wcf/images/Compact Classic//paypal.png" alt="paypal" /></a></div></td>
	<td width="36" align="center" valign="top"><div class="header_email"><a href="mailto:[email protected]"><a href="mailto:[email protected]"><img src="./wcf/images/Compact Classic/email.png" alt="email" /></a></a></div></td>
	<td width="36" align="center" valign="top"><div class="header_rss"><a href="http://www.regenbogenbruecke.net/forum/index.php?page=ThreadsFeed&format=rss2"><img src="./wcf/images/Compact Classic/rss.png" alt="rss" /></a></div></td>
  </tr>
</table>
</div>

    Hallo zusammen,


    ich habe mich auch mal drangesetzt und habe jetzt das Problem, das er mir zwar die Grafiken anzeigt, die Links dazu aber nicht.
    Hat jemand eine Idee woran es liegen könnte?


    Hiermal mein Geschreibsel:


    additionalHeaderContent.tpl:

    Code
    <div class="additionalHeaderContent">
<a href="https://twitter.com/offsetforum/" target="_blank"><img src="./icon/osdntest.png" alt="Folge uns!" /></a>
</div>


    p.s. Das ganze ist natürlich in der header.tpl eingebunden.

    Code
    <div class="additionalHeaderContent">
<a target="_blank" href="http://www.facebook.com/pages/freie-spielgemeinschaftde/169166343131206"><img src="http://files.freie-spielgemeinschaft.de/Bilder/social/facebook.png" alt="facebook" /></a>
<a target="_blank" href="http://twitter.com/freieSpielGem"><img src="http://files.freie-spielgemeinschaft.de/Bilder/social/twitter.png" alt="twitter" /></a>
<a target="_blank" href="http://freie-spielgemeinschaft.de/index.php?page=ThreadsFeed&format=rss2"><img src="http://files.freie-spielgemeinschaft.de/Bilder/social/rss.png" alt="rss" /></a>
</div>


    mit dem css code

    Code
    .additionalHeaderContent {
	height: 60px;
	position: absolute;
	right: 0;
	top: 50px;
	width: 468px;
}


    so sieht es bei mir aus...


    mfg

    Ich habe weiterhin das Problem, dass ich zwar die Grafiken sehe, aber diese haben keinen weiterführenden Link.
    Also einfach nur die Grafiken ohne Funktion.


    Falls es hilft:


    Ich verwende den Volverom Blue Stil und habe die Grafiken unter die Schnellsuche gepackt.
    Die bearbeiteten Dateien (header.tpl und additionalHeaderContent.tpl) liegen im Ordner ..Forum/Templates/VolveromBlue


    Ich komme da nicht weiter.

    Dadurch hat sich jetzt das Forenlogo verschoben und die erste Grafik verweist jetzt auf den Forenindex. :(


    Folgendes steht in der additionalHeaderContent.tpl

    Code
    <div class="additionalHeaderContent">
<a target="_blank" href="https://www.facebook.com/Offsetdrucker.net"><img src="http://testforum.offsetdrucker.net/icon/osdntest.png" alt="facebook" /></a>
<a target="_blank" href="http://twitter.com/offsetforum"><img src="./icon/osdntest.png" alt="twitter" /></a>
</div>
z-index:100;


    p.s. Falls du die CSS meintest: Da passiert dann gar nichts.


    Jetzt hab ichs!!
    Danke schön! :)

    • Teambeitrag

    Das gehört in die CSS-Deklaration:


    CSS
    .additionalHeaderContent {
	height: 60px;
	position: absolute;
	right: 0;
	top: 50px;
	width: 468px;
z-index:100;
}