Meniu Dreapta, retele de socializare

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Meniu Dreapta, retele de socializare

Mesaj Scris de Kossen la data de Joi 6 Sept - 16:58



Cum pot face acel meniu din dreapta cu retelele de socializare ?

Kossen
Membru Forumgratuit

Mesaje : 73
Varsta : 26
Data de inscriere : 04/09/2012
Multumiri : 0
Niciun avertisment

http://virtualfun.forumz.ro

Sus In jos

Rezolvat Re: Meniu Dreapta, retele de socializare

Mesaj Scris de Laxed la data de Joi 6 Sept - 17:17

Ce versiune de forum folositi ?

Laxed
Membru Forumgratuit

masculin

Mesaje : 58
Varsta : 18
Localizare : Miracle of the forum !
Data de inscriere : 06/09/2012
Multumiri : 0
Membru exclus

http://help.lforum.biz/

Sus In jos

Rezolvat Re: Meniu Dreapta, retele de socializare

Mesaj Scris de Kossen la data de Joi 6 Sept - 17:52

phpbb3

Kossen
Membru Forumgratuit

Mesaje : 73
Varsta : 26
Data de inscriere : 04/09/2012
Multumiri : 0
Niciun avertisment

http://virtualfun.forumz.ro

Sus In jos

Rezolvat Re: Meniu Dreapta, retele de socializare

Mesaj Scris de Cata90 la data de Joi 6 Sept - 18:59

Salut,

PA >Afisare > Mesaj pe pagina de start:
Cod:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
            <title>Social Media Buttons</title>
            <script src="dkthemes.forumotions.in/38797.js" type="text/javascript"></script>
            <script type="text/javascript">
            $(document).ready(function(){
            $(".takip").mouseover(function(){
                  $(this).filter(':not(:animated)').animate({width:135},{duration:500});
            });
            $(".takip").mouseout(function(){
                $(this).animate({width:42});
            });
            });
            </script>
         
         
            <div id="takip">
                <div class="facebook takip" onclick="location.href='http://www.facebook.com/'">
                </div>
                <div class="twitter takip" onclick="location.href='http://www.twitter.com/'">
                </div>
                <div class="Google takip" onclick="location.href='http://www.flickr.com/'">
                </div>
                <div class="Youtube takip" onclick="location.href='http://www.friendfeed.com/'">
                </div>
                <div class="rss takip" onclick="location.href='http://www.vimeo.com/'">
                </div>

CSS:
Cod:
#takip {
                position: fixed;
                right: 0;
                top: 220px;
                z-index: 999;
            }
            .takip {
            background-image: url('http://i49.servimg.com/u/f49/16/79/78/79/social17.png');
            background-repeat: no-repeat;
            height: 42px;
            width: 42px;
            top: 100px;
            margin-left: auto;
            opacity:0.3;
            filter:alpha(opacity=50); /* For IE8 and earlier */
            }
            .takip:hover {
            background-image: url('http://i49.servimg.com/u/f49/16/79/78/79/social17.png');
            cursor: pointer;
            opacity:1;
            filter:alpha(opacity=100); /* For IE8 and earlier */
            }
         
            .facebook {
                background-position: 0px 0px;
            }
            .twitter {
                background-position: 0px -42px;
            }
            .Google {
                background-position: 0px -84px;
            }
            .Youtube {
                background-position: 0px -126px;
            }
            .rss {
                background-position: 0px -168px;
            }

Cata90
Membru Forumgratuit

masculin

Mesaje : 247
Varsta : 25
Localizare : Romania
Data de inscriere : 01/10/2010
Multumiri : 0
Membru exclus

Sus In jos

Rezolvat Re: Meniu Dreapta, retele de socializare

Mesaj Scris de Laxed la data de Joi 6 Sept - 19:05

Cod:
<div class="da"><div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
      <li class="shr-comfeed">
        <a title="Subscribe to the comments for this post?" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-delicious">
        <a title="Share this on del.icio.us" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-twitter">
<a target="_blank" href="http://albforum.forumotion.net/" title="Tweet This!" ca_clicked="1"> </a>
      </li>
      <li class="shr-facebook">
<a class="t" target="_blank" title="Share this on Facebook" lnp="2" href="http://www.facebook.com/"> </a>
      </li>
      <li class="shr-gmail">
        <a title="Email this via Gmail" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-digg">
        <a title="Digg this!" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-diigo">
        <a title="Post this on Diigo" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-googlebuzz">
        <a title="Post on Google Buzz" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-stumbleupon">
        <a title="Stumble upon something good? Share it on StumbleUpon" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-technorati">
        <a title="Share this on Technorati" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
</ul><div style="clear:both;"></div>
</div></div>

Si CSS :
Cod:
.da{
  position:absolute;
top:83px;
left:1020px;}
div.shr-bookmarks {
    clear: both !important;
    margin: 20px 0;
}
div.shr-bookmarks-expand {
    height: 32px;
    overflow: hidden;
}
div.shr-bookmarks ul.socials li {
    background-image: url("http://i43.tinypic.com/33oo2sg.png") !important;
    background-repeat: no-repeat !important;
}
div.shr-bookmarks-bg-knowledge {
    background: url("") no-repeat scroll 0 0 transparent !important;
    padding: 35px 0 0 10px !important;
}
div.shr-bookmarks ul.socials {
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
div.shr-bookmarks ul.socials {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    outline: 0 none !important;
}
div.shr-bookmarks ul.socials li {
    background-color: transparent !important;
    border: 0 none !important;
    clear: none !important;
    cursor: pointer !important;
    display: inline !important;
    float: left !important;
    height: 29px !important;
    list-style-type: none !important;
    margin: 3px 0 0 !important;
    outline: 0 none !important;
    padding: 0 !important;
    width: 45px !important;
}
div.shr-bookmarks ul.socials li:before, div.shr-bookmarks ul.socials li:after, div.shr-bookmarks ul.socials li a:before, div.shr-bookmarks ul.socials li a:after {
    content: "" !important;
}
div.shr-bookmarks ul.socials a, div.shr-bookmarks ul.socials a:hover {
    background-color: transparent !important;
    border: 0 none !important;
    display: block !important;
    height: 29px !important;
    text-decoration: none !important;
    text-indent: -9999px !important;
    width: 40px !important;
}
div.shr-bookmarks ul.socials a:hover, div.shr-bookmarks ul.socials li:hover {
    background-color: transparent !important;
    border: 0 none !important;
    outline: 0 none !important;
}
li.shr-comfeed {
    background-position: 0 bottom !important;
}
li.shr-comfeed:hover {
    background-position: 0 top !important;
}
li.shr-delicious {
    background-position: -60px bottom !important;
}
li.shr-delicious:hover {
    background-position: -60px top !important;
}
li.shr-twitter {
    background-position: -120px bottom !important;
}
li.shr-twitter:hover {
    background-position: -120px top !important;
}
li.shr-facebook {
    background-position: -180px bottom !important;
}
li.shr-facebook:hover {
    background-position: -180px top !important;
}
li.shr-gmail {
    background-position: -240px bottom !important;
}
li.shr-gmail:hover {
    background-position: -240px top !important;
}
li.shr-digg {
    background-position: -300px bottom !important;
}
li.shr-digg:hover {
    background-position: -300px top !important;
}
li.shr-diigo {
    background-position: -360px bottom !important;
}
li.shr-diigo:hover {
    background-position: -360px top !important;
}
li.shr-googlebuzz {
    background-position: -420px bottom !important;
}
li.shr-googlebuzz:hover {
    background-position: -420px top !important;
}
li.shr-stumbleupon {
    background-position: -480px bottom !important;
}
li.shr-stumbleupon:hover {
    background-position: -480px top !important;
}
li.shr-technorati {
    background-position: -540px bottom !important;
}
li.shr-technorati:hover {
    background-position: -540px top !important;}

Laxed
Membru Forumgratuit

masculin

Mesaje : 58
Varsta : 18
Localizare : Miracle of the forum !
Data de inscriere : 06/09/2012
Multumiri : 0
Membru exclus

http://help.lforum.biz/

Sus In jos

Rezolvat Re: Meniu Dreapta, retele de socializare

Mesaj Scris de Kossen la data de Joi 6 Sept - 19:56

Multumesc, Rezolvat.

Kossen
Membru Forumgratuit

Mesaje : 73
Varsta : 26
Data de inscriere : 04/09/2012
Multumiri : 0
Niciun avertisment

http://virtualfun.forumz.ro

Sus In jos

Rezolvat Re: Meniu Dreapta, retele de socializare

Mesaj Scris de Laxed la data de Joi 6 Sept - 20:15

Cu placere.

Laxed
Membru Forumgratuit

masculin

Mesaje : 58
Varsta : 18
Localizare : Miracle of the forum !
Data de inscriere : 06/09/2012
Multumiri : 0
Membru exclus

http://help.lforum.biz/

Sus In jos

Rezolvat Re: Meniu Dreapta, retele de socializare

Mesaj Scris de Vizitato la data de Joi 6 Sept - 20:28

topic rezolvat

Vizitato
Vizitator


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum