Ads
Latest topics
» /*----- كود توسيع الفراغ بين الصورة الشخصية على الرئيسية -----*/
Sat Jan 13, 2018 11:30 pm by مسرووور

» كود توسيع الفراغ بين الصورة الرمزية واخر مساهمه
Fri Jan 05, 2018 6:04 am by مسرووور

» كود تكبير صور مساهمات المنتدى موضوع جديد ومقفل وشعبي واالخ
Fri Jan 05, 2018 4:46 am by مسرووور

» ستايل الورد اخر تصاميمي اهداء لعضاء منتدى الدعم
Tue Oct 31, 2017 4:46 pm by مسرووور

» اكواد معربة الرئيسية لتصميم
Sun Oct 29, 2017 7:18 pm by مسرووور

» كود اخفا اطار علبة الدردشة التجريبي
Sun Oct 29, 2017 5:13 pm by مسرووور

» ببببببببببب
Sat Nov 26, 2016 10:29 pm by مسرووور

» ميدايا فير
Mon Nov 21, 2016 10:35 am by مسرووور

» فور شير
Sat Nov 19, 2016 9:45 am by مسرووور

» ببببببب بب
Sun Oct 23, 2016 8:45 am by مسرووور

» كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ
Sun Oct 23, 2016 2:18 am by مسرووور

» اختبار طول الاسطر
Wed Jun 29, 2016 9:42 am by مسرووور

» موضوعك الأول
Fri Feb 05, 2016 1:18 am by مسرووور

» مكتبة استايلات تصميم وتحويل مسرووور
Thu Feb 04, 2016 12:37 am by مسرووور

» بييببب ىىىى.
Mon Feb 01, 2016 11:48 pm by مسرووور

Top posting users this month
مسرووور
 

Statistics
We have 1 registered user
The newest registered user is مسرووور

Our users have posted a total of 45 messages in 16 subjects
RSS feeds


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 



كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ

View previous topic View next topic Go down

كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ

Post by مسرووور on Fri Sep 02, 2016 3:47 pm

بسم الله الرحمن الرحيم
تحية طيبة اخواني وخواتي اعضاء منتدى الدعم
اقدم لكم كود اكثر من رائع لوضع ازرار المنتدى بشكل انيق ورائع لجميع النسخ

صورة للكود الشكل الاول


الشكل الثاني منحني


طريقة التركيب بسم الله فل نبدا


اولا اذهب الى لوحة التحكم
لوحة التحكم +مظهر المنتدى +الصفحة الرئيسية + الصفحة الرئيسية و ازرار التصفُّح
وبحث عن خيار / اظهار الصور فقط في عارضة أزرار التصفح : نعم
كما في الصورة التالية




ثانياااا نذهب الى ادارة الصور
لوحة التحكم + مظهر المنتدى + ادارة الصور + عام /تحكم
ثم ركب الصور التالية كل في مكانة المخصص
كما في الصورة التالية






صورة الــــــــزرالرابــــــــــــــــــــــــــــــــــــــــــــــــط
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_index.png
Code:
http://i97.servimg.com/u/f97/19/34/83/47/0210.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_gallery.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_portal.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_faq.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_search.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_members.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_groups.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_profile.png
Code:
http://i97.servimg.com/u/f97/19/34/83/47/0110.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_new_message.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_register.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_login.png
Code:
http://hitsk.in/t/21/19/57/i_icon_mini_logout.png
الخطوة الثالثة والاخيرة
اذهب الى ورقة scc
لوحة التحكم +مظهر المنتدى + الوان + ورقة scc
ثم اضف واحد من الاكواد التالية

الشكل الاول


Code:
/***كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ**/
.mainmenu {
  margin: 7px 0 0 0;
  }
.mainmenu {
  float:right;
  margin: 0 0 0 7px;
  }
.mainmenu {
  margin: 0;
  }

.mainmenu:hover {
  background: #428CCB;
  color: #ccc;
  }

.mainmenu {
  display:inline;
    background: #81B6BB url("http://i97.servimg.com/u/f97/19/34/83/47/3310.jpg") repeat scroll 0 0;
    width:80px;
    height:35px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    color: #ffffff;
    font: bold 11px tahoma,verdana,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
    padding: 3px 6px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #000;
    font-size: 100%;
    padding: 0.2em 0.5em;
    text-align: center;
    border : 1px dotted #F6FF00;
    border-top: medium solid #F6FF00;
    border-bottom: medium solid #F6FF00;
    padding: 2px; margin: 2px;
    }
/*-----نهايــــــة كود الازرار-----*/





الشكل الثاني منحني


Code:
/***كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ**/
.mainmenu {
  margin: 7px 0 0 0;
  }
.mainmenu {
  float:right;
  margin: 0 0 0 7px;
  }
.mainmenu {
  margin: 0;
  }

.mainmenu:hover {
  background: #428CCB;
  color: #ccc;
  }

.mainmenu {
    display:inline;
    background: #428CCB url("http://i97.servimg.com/u/f97/19/34/83/47/3310.jpg") repeat scroll 0 0;
    width:80px;
    height:35px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    color: #ffffff;
    font: bold 11px tahoma,verdana,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
    padding: 2px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #000;
    font-size: 100%;
    padding: 0.2em 0.5em;
    text-align: center;
    border : 1px dotted #F6FF00;
    border-top: medium solid #F6FF00;
    border-bottom: medium solid #F6FF00;
    padding: 2px; margin: 2px;
    }
/*-----نهايــــــة كود الازرار-----*/


تم الشرح واتمنا ان ينال رضاكم

اخيرااا لتعديل على الكود ليتناسب مع استايل منتداك اتبع التالي
لتغير صورة خلفية الزر ابحث في الكود عن هذا الرابط وستبدلة برابط الصورة المناسبة لك
Code:
http://i97.servimg.com/u/f97/19/34/83/47/3310.jpg

لتغير لون حواف الزر ابحث عن الكود التالي وستبدل اكواد الالوان بما يناسبك تجدة في اخر الكود
Code:
  border : 1px dotted #F6FF00;
    border-top: medium solid #F6FF00;
    border-bottom: medium solid #F6FF00;


لتغير لون الزر عند وضع موشر الفارة ابحث عن الكود التالي وستبدل كود الون بما يناسبك
Code:
.mainmenu:hover {
  background: #428CCB;
  color: #ccc;
  }
هذا والله الموفق وبتوفيق لكم
فكرة وتصميم مسرووور
والسلام ختام
avatar
مسرووور
Admin

الجنس : Male
عدد المساهمات : 45
تاريخ التسجيل : 2015-12-29
العمر : 18

View user profile http://147852.ba7r.biz

Back to top Go down

Re: كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ

Post by مسرووور on Mon Oct 03, 2016 3:19 pm

Code:
بببببببببببببببببببببببببببببببببببببببب



Spoiler:
بببببببببببببببببببببببببببببببببببببببب
avatar
مسرووور
Admin

الجنس : Male
عدد المساهمات : 45
تاريخ التسجيل : 2015-12-29
العمر : 18

View user profile http://147852.ba7r.biz

Back to top Go down

Re: كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ

Post by مسرووور on Sun Oct 23, 2016 12:48 am

http://msrooor.22x5/watch?v=R_-3PduL/_-07.htm



https://www.4shared/watch?v=CT8HZRnE/_online.htm

4shared.com/office/R_-3PduL/_-07.htm





العجائب /السيرفر فورشير/ للمشاهدة الحلقة 10
msrooor ألس في بلأد العجائب /السيرفر فورشير/ للمشاهدة الحلقة 11
msrooor ألس في بلأد العجائب /السيرفر فورشير/ للمشاهدة الحلقة 12
msrooor ألس في بلأد العجائب /السيرفر فورشير/ للمشاهدة الحلقة 13
avatar
مسرووور
Admin

الجنس : Male
عدد المساهمات : 45
تاريخ التسجيل : 2015-12-29
العمر : 18

View user profile http://147852.ba7r.biz

Back to top Go down

Re: كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ

Post by مسرووور on Sun Oct 23, 2016 2:14 am

avatar
مسرووور
Admin

الجنس : Male
عدد المساهمات : 45
تاريخ التسجيل : 2015-12-29
العمر : 18

View user profile http://147852.ba7r.biz

Back to top Go down

Re: كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ

Post by مسرووور on Sun Oct 23, 2016 2:18 am

avatar
مسرووور
Admin

الجنس : Male
عدد المساهمات : 45
تاريخ التسجيل : 2015-12-29
العمر : 18

View user profile http://147852.ba7r.biz

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum