Здравейте трябва ми меню за споделяне в социалните мрежи

С мишката като минавш над тях да се подигат леко иконките.

Редактирано 21 април 201016 г. от nakazatelq (преглед на промените)

Направи си специален клас в CSS и вкарай това меню в <div>. В CSS-a му сложи стандартно положение в пиксели и след това същия клас, но с hover след него, където го направи така, както искаш да изглежда, когато мишката мине над него.

.menu

{

   height: 10px;

}

.menu hover

{

  height: 20px;

}

Редактирано 24 април 201016 г. от mapko (преглед на промените)

Здравейте трябва ми меню за споделяне в социалните мрежи

С мишката като минавш над тях да се подигат леко иконките.

Може и още по лесно ето ти кода само си промени променливите с твоите неща и си свали от някаде иконките

Предполагам стила и другите неща няма да те затруднят

<div class="clear-fix"></div>


        <li style="float:left;">

          <span style="font-size:14px;font-weight:bold;">[var.lang_social_bookmarks]:&nbsp;&nbsp;</span>

          <!-- start social bookmarks -->

           <a target = "_blank" href="http://svejo.net/story/submit_by_url?url=[var.seo_video_url]" target="_blank" title="Svejo.net!"><img src = "themes/[var.user_theme]/images/icons/svejo.png" alt="Свежо" width="32" height="32" title="Добави в свежо" /></a>

          &nbsp;&nbsp;&nbsp;

           <a target = "_blank" href="http://www.facebook.com/sharer.php?u=[var.seo_video_url]" target="_blank" title="Bookmark on Facebook!"><img src = "themes/[var.user_theme]/images/icons/Facebook_32x32.png" alt="facebook" width="32" height="32" title="Добави в Facebook" /></a>

          &nbsp;&nbsp;&nbsp;

          <a target="_blank" href="http://www.furl.net/storeIt.jsp?u=[var.seo_video_url]&amp;t=[var.title_seo]"><img src="themes/[var.user_theme]/images/icons/Furl_32x32.png" alt="furl" width="32" height="32" title="Добави в Furl" /></a>

          &nbsp;&nbsp;&nbsp;

          <a target="_blank" href="http://reddit.com/submit?url=[var.seo_video_url]&title=[var.title_seo]"><img src="themes/[var.user_theme]/images/icons/Reddit_32x32.png" alt="furl" width="32" height="32" title="Добави в Reddit" /></a>

          &nbsp;&nbsp;&nbsp;

          <a target="_blank" href="http://www.newsvine.com/_wine/save?u=[var.seo_video_url]&h=[var.title_seo]"><img src="themes/[var.user_theme]/images/icons/Newsvine_32x32.png" alt="furl" width="32" height="32" title="Добави в News Vine" /></a>

          &nbsp;&nbsp;&nbsp;

          <a target="_blank" href="http://del.icio.us/post?url=[var.seo_video_url]"><img src="themes/[var.user_theme]/images/icons/delicious_32x32.png" alt="deli" width="32" height="32" title="Добави вo del.icio.us" /></a>

          &nbsp;&nbsp;&nbsp;

          <a target="_blank" href="http://blogmarks.net/my/new.php?mini=1&simple=1&url=[var.seo_video_url]&title=[var.title_seo]"><img src="themes/[var.user_theme]/images/icons/BlogMarks_32x32.png" alt="BlogMarks" width="32" height="32" title="Добави в BlogMarks" /></a>

          &nbsp;&nbsp;&nbsp;

          <a target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=[var.seo_video_url]&title=[var.title_seo]"><img src="themes/[var.user_theme]/images/icons/Magnolia_32x32.png" alt="Magnolia" width="32" height="32" title="Добави в Magnolia" /></a>

          &nbsp;&nbsp;&nbsp;

          <a target="_blank" href="http://www.stumbleupon.com/submit?url=[var.seo_video_url]&title=[var.title_seo]"><img src="themes/[var.user_theme]/images/icons/StumbleUpon.png" alt="StumbleUpon" width="32" height="32" title="Добави в StumbleUpon" /></a>

          &nbsp;&nbsp;&nbsp;

          <a target="_blank" href="rss.php?video=[var.vid]"><img src="themes/[var.user_theme]/images/icons/Feeds_32x32.png" alt="RSS" width="32" height="32" title="Our RSS Feeds" /></a>

          <!-- end social bookmarks -->	

		</li>

        <li style="float:left; margin-left: 1px; width: 300px;">

          <span class="font5_14"><font>[var.lang_manage]:</font><!--[onload;block=span;when [var.edit_video]=1;comm]--></span>&nbsp;&nbsp;<a href="edit/editvideo.php?id=[var.vid]" rel="gb_page_center[720, 500]"><img src="[var.base_url]/themes/[var.user_theme]/images/icons/edit_small.png" alt="delete" width="14" height="14" border="0" />

          &nbsp;&nbsp;[var.lang_edit]

          <!--[onload_15;block=a;when [var.edit_video]=1;comm]--></a>

          &nbsp;

          <a href="edit/delete.php?type=1&id=[var.vid]" rel="gb_page_center[620, 300]"><img src="[var.base_url]/themes/[var.user_theme]/images/icons/delete_small.png" alt="delete" width="14" height="14" border="0" />

          &nbsp;&nbsp;[var.lang_delete]

          <!--[onload_16;block=a;when [var.delete_video]=1;comm]--></a>

        </li>

      </ul>

    </div>