كود أيقونات في الرئيسية

طلبي متمثل في الكود الذي يتيح لي القيام بهذه الخاصة علما أنها مأخوذة من منتدى تابع لشبكة أحلى منتدى
هدفي هو وضع أزرار تظهر فقط على الرئيسية و تفتح لما اضغط عليها و لما اقلاب الماوس
كما في الشكل على الجانب الأيمن للصفحة الرئيسية

Yukajo كتب:طلبي متمثل في الكود الذي يتيح لي القيام بهذه الخاصة علما أنها مأخوذة من منتدى تابع لشبكة أحلى منتدى
هدفي هو وضع أزرار تظهر فقط على الرئيسية و تفتح لما اضغط عليها و لما اقلاب الماوس
كما في الشكل على الجانب الأيمن للصفحة الرئيسية

اهلا اخى الكريم فى منتد الدعم العربى
ارجو منك توضيح مشكلتك+توضيح الصوره

وفقك الله

طلبي هو كود لوضع مجموعة من الأزرار في جانب الصفحة الرئيسية للمنتدى
أنا كل ما أعلمه هو أن هذا الكود بلغة الجافا او HTML
لكنني لا أعرف ما هو بعد
أيضا عندما أضغط على أحد تلك الأزرار أنتقل إلى رابط صفحة ذلك الزر

هل من حل ؟!!!!!

اخي لن تجدها هنا.. ابحث في قوقل

على العموم هذا هو رابط المنتدى كما طلب أحد أعضاء الإدارة
http://yu-gi-oh-compilation.forumactif.org/

مرحبا صديقى
هذا التعديل ..لمن لديه حق التعديل على التومبيلايت
تدخل الى قالب الهيدر مثلا
وتضيف هذا

الكود:

<ul id="bouton">


<li class="accueil">


<a href="/" style="margin-left: -75px;"></a>
</li>

<li class="search">


<a href="/search" style="margin-left: -75px;"></a>
</li>

<li class="faq">


<a href="/faq" style="margin-left: -75px;"></a>
</li>

<li class="membres">


<a href="/memberlist" style="margin-left: -75px;"></a>
</li>

<li class="groupe">


<a href="/groups" style="margin-left: -75px;"></a>
</li>

<li class="profil">


<a href="/profile?mode=editprofile" style="margin-left: -75px;"></a>
</li>

<li class="mp">


<a href="/privmsg?folder=inbox" style="margin-left: -75px;"></a>
</li>

<li class="onoff">


<a href="/login" style="margin-left: -75px;"></a>
</li>

<li class="facebook">


<a href="" style="margin-left: -75px;"></a>
</li>

<li class="chatbox">


<a href="/chatbox/chatbox.forum?page=front&" style="margin-left: -75px;"></a>
</li>
</ul>

وتذيف هذا فى ورقة تصميم css

الكود:



ul#bouton {


    left: 2px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 10px;
    z-index: 999;
}

ul#bouton li {


    margin-bottom: 4px;
    width: 90px;
}

ul#bouton li a {


    -moz-border-radius: 0 9px 9px 0;
    -moz-box-shadow: 0 0 5px #000000;
    background-color: #C7CAC6;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #323630;
    display: block;
    height: 69px;
    margin-left: -60px;
    opacity: 0.7;
    width: 89px;
}

ul#bouton .accueil a {


    background-image: url("http://img809.imageshack.us/img809/4461/accueiletc.png");
}

ul#bouton .search a {


    background-image: url("http://img847.imageshack.us/img847/407/faqq.png");
}

ul#bouton .faq a {


    background-image: url("http://img214.imageshack.us/img214/387/searchze.png");
}

ul#bouton .membres a {


    background-image: url("http://img59.imageshack.us/img59/8508/membresxm.png");
}

ul#bouton .groupe a {


    background-image: url("http://img814.imageshack.us/img814/8720/groupess.png");
}

ul#bouton .profil a {


    background-image: url("http://img27.imageshack.us/img27/5581/profilkp.png");
}

ul#bouton .mp a {


    background-image: url("http://img600.imageshack.us/img600/4706/33699224.png");
}

ul#bouton .onoff a {


    background-image: url("http://img26.imageshack.us/img26/9079/onoffn.png");
}

ul#bouton .facebook a {


    background-image: url("http://img705.imageshack.us/img705/7648/facebookjp.png");
}

ul#bouton .chatbox a {


    background-image: url("http://img560.imageshack.us/img560/2308/chatboxh.png");
}

body.chatbox {


    background: url("http://img39.imageshack.us/img39/7971/fondcb.png") repeat scroll right top transparent;
}

مش تنسى تغير روابط الصور من كود css(الصور الخاصه بالازرار)
ولو عايزه فى الرئيسيه يمكنك اضافته بدون تومبيلايت
ضع الكود الاول فى تشكيلات عامة
والثانى فى ورقة تصميم css
بالتوفيق عزيزى

شكر على هذا كود جميل

اخي لكن هذا كود ناقص شيى

ازرار لا تختفي دئمن ظاهره

تمام ...بالنسبه لاختفاء وظهور الازرار
ضيف هذا الكود
اسفل الكود الاول الذى يوضع فى تشكيلات عامه

الكود:



<script type="text/javascript">


1$(function()
 {$('#bouton a').stop().animate({'marginLeft':'-75px'},1000);$('#bouton
> li').hover(function ()
{$('a',$(this)).stop().animate({'marginLeft':'-2px'},200);},function ()
{$('a',$(this)).stop().animate({'marginLeft':'-75px'},200);});});
</script>