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

5 مشترك

اذهب الى الأسفل

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

مُساهمة من طرف Yukajo السبت 24 مارس 2012 - 5:30

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

كود أيقونات في الرئيسية 4lnf60
avatar
Yukajo
 
 

ذكر
عدد المساهمات : 140
معدل النشاط : 5795
السُمعة : 0

http://www.yukajo.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف البرق200 السبت 24 مارس 2012 - 6:23

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

كود أيقونات في الرئيسية 4lnf60
اهلا اخى الكريم فى منتد الدعم العربى
ارجو منك توضيح مشكلتك+توضيح الصوره

وفقك الله
كود أيقونات في الرئيسية 103798
البرق200
البرق200
 
 

ذكر
عدد المساهمات : 1618
معدل النشاط : 9145
السُمعة : 13

http://sea-alarab.com/montada-f19/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Yukajo السبت 24 مارس 2012 - 13:41

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

ذكر
عدد المساهمات : 140
معدل النشاط : 5795
السُمعة : 0

http://www.yukajo.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Yukajo السبت 24 مارس 2012 - 19:25

هل من حل ؟!!!!!
avatar
Yukajo
 
 

ذكر
عدد المساهمات : 140
معدل النشاط : 5795
السُمعة : 0

http://www.yukajo.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Bo Mazen السبت 24 مارس 2012 - 20:48

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

ذكر
عدد المساهمات : 781
معدل النشاط : 6128
السُمعة : 9

http://www.7ooof.net/f12-montada

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Yukajo الأحد 25 مارس 2012 - 12:07

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

ذكر
عدد المساهمات : 140
معدل النشاط : 5795
السُمعة : 0

http://www.yukajo.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف HiMa ElMaSrY الأحد 25 مارس 2012 - 12:30

مرحبا صديقى
هذا التعديل ..لمن لديه حق التعديل على التومبيلايت
تدخل الى قالب الهيدر مثلا
وتضيف هذا
الكود:
<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
بالتوفيق عزيزى كود أيقونات في الرئيسية 103798
HiMa ElMaSrY
HiMa ElMaSrY
 
 

ذكر
عدد المساهمات : 17761
معدل النشاط : 22377
السُمعة : 38

https://www.facebook.com/hima.vic.752

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف karrarali89 الثلاثاء 27 مارس 2012 - 0:02

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

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

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

ذكر
عدد المساهمات : 184
معدل النشاط : 5052
السُمعة : 0

http://www.anthamelina.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف HiMa ElMaSrY الثلاثاء 27 مارس 2012 - 2:47

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


<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>
كود أيقونات في الرئيسية 103798
HiMa ElMaSrY
HiMa ElMaSrY
 
 

ذكر
عدد المساهمات : 17761
معدل النشاط : 22377
السُمعة : 38

https://www.facebook.com/hima.vic.752

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى