ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Buttons auf hp '???

Geschlossen
  1. Di. 12.06.2012 16:07 Uhr #1
    User Pic
    THE_Vladimir Mitglied
    Registriert seit
    06.06.2012
    Beiträge
    25
    Beitragswertungen
    0 Beitragspunkte
    Hallo
    wie bekomme ich den so buttons wie facebook oder psliga auf meine hp finde hier leider nichts dazu was mir weiter hilft genervt
    LG

    betroffene Homepage: tke2011.tk.ohost.de/TKE/index.php
    0 Mitglieder finden den Beitrag gut.
  2. Di. 12.06.2012 16:50 Uhr #2
    User Pic
    Blaubaer Mitglied
    Registriert seit
    24.10.2009
    Beiträge
    331
    Beitragswertungen
    33 Beitragspunkte
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. Di. 12.06.2012 23:06 Uhr #3
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    Du meinst bestimmt die Button die ich auf meiner page habe ne?
    ICh kann sie dir gern posten


    Zuletzt modifiziert von Sunshine Live am 12.06.2012 - 23:07:05
    ez-skinz.com/
    0 Mitglieder finden den Beitrag gut.
  4. Di. 12.06.2012 23:26 Uhr #4
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Dies ist nur ein Code mit Grafiken zb:

    setze dies z.b. gleich unter <body> : 

    <div id="social_icon" style="right:10px;position:absolute;top:10px;" ><a href="#"><img src="link_zum_bild" border="0"></a><br><a href="#"><img src="link_zum_bild2" border="0"></a></div>


    Einfach ein paar Icons im Netz suchen und diese einsetzen.Nach unten Erweiterbar(Code oben mal mit 2 besetzt).Über right und top bestimmst Du die Startpostition.

    Mfg Maretz

    PS: Du kannst auch die Bilder mit Mouseover versehen.Dazu solltest diese über css einsetzen (oder auch als normal über css):

    zb linkcode : 

    <a class="facebook" title="Follow Us to Facebook" href="#"></a


    Code css: 

    .facebook {display:inline-block;background-image: url('social_icon/facebook.png');width: 25px; height: 25px;border: none;}
.facebook:hover {background-image: url('social_icon/facebook_hover.png');}


    Natürlich musst Du dies noch deinen Bildern anpassen (Bildgrößen/Namen...).


    Zuletzt modifiziert von Maretz am 12.06.2012 - 23:35:09
    Ilch Templates and Modules

    0 Mitglieder finden den Beitrag gut.
  5. Mi. 13.06.2012 18:54 Uhr #5
    User Pic
    THE_Vladimir Mitglied
    Registriert seit
    06.06.2012
    Beiträge
    25
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Sunshine Live

    Du meinst bestimmt die Button die ich auf meiner page habe ne?
    ICh kann sie dir gern posten


    Zuletzt modifiziert von Sunshine Live am 12.06.2012 - 23:07:05


    jaaa genau die hätt ich auch gerne =))
    0 Mitglieder finden den Beitrag gut.
  6. So. 09.09.2012 02:26 Uhr #6
    User Pic
    Knibbel23 Mitglied
    Registriert seit
    03.08.2012
    Beiträge
    3
    Beitragswertungen
    0 Beitragspunkte
    Hallo hätte auch gerne diese Buttons xD
    0 Mitglieder finden den Beitrag gut.
  7. So. 09.09.2012 20:07 Uhr #7
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    Hier die drauf habe lächeln
    ilch.tkg-spielplatz.de/ 
    <style type="text/css">
 
.top_feed {
margin:;
padding:0;
z-index:2001;
text-align: right;
}
#follow {
float:right;
height:auto;
position:fixed;
right:0;
top:5%;
 
z-index:2001;
}
</style>
 
<div id="follow">
 
<div class="top_feed">
 <a href="http://www.youtube.com/user/tkgspielplatz/" title="Youtube" target="_blank">
     <img onmouseout="this.src='/include/designs/DDvXv2/Bilder/2.png';" onmouseover="this.src='/include/designs/DDvXv2/Bilder/2_h.png';" src="/include/designs/DDvXv2/Bilder/2.png" alt="Youtube" title="Youtube" style="" border="none"  />
 </a>
</div>
 
<div class="top_feed">
 <a href="http://steamcommunity.com/groups/TKG-Spielplatz" title="Steam" target="_blank">
     <img onmouseout="this.src='/include/designs/DDvXv2/Bilder/steam_1.png';" onmouseover="this.src='/include/designs/DDvXv2/Bilder/steam_h.png';" src="/include/designs/DDvXv2/Bilder/steam_1.png" alt="Steam" title="Steam" style="" border="none"  />
 </a>
</div>
 
 
<div class="top_feed">
 <a href="http://www.facebook.com/pages/TKG-Spielplatz/287227724622237?sk=wall" title="Facebook" target="_blank">
     <img onmouseout="this.src='/include/designs/DDvXv2/Bilder/1.png';" onmouseover="this.src='/include/designs/DDvXv2/Bilder/1_h.png';" src="/include/designs/DDvXv2/Bilder/1.png" alt="Facebook" title="Facebook" style="" border="none"  />
 </a>
</div>
</div>


    Einfach Darunter klatschen 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   
<html>
<head>
<script type="text/javascript" src="include/includes/js/fade.js"></script>
<script type="text/javascript" src="include/includes/js/jquery.js"></script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->


    dann haltt anpasen lächeln


    Zuletzt modifiziert von Sunshine Live am 09.09.2012 - 20:08:27
    ez-skinz.com/
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten