تم إيقاف المشاركات وأصبح مركز بوابة العرب التعليمي للتصفح فقط


العودة   مركز بوابة العرب التعليمي > قسم البرمجة والبرمجيات > منتدى لغات الانترنت وتصميم المواقع

إضافة رد
 
أدوات الموضوع
  #1  
قديم 20-12-2017, 12:29 AM
خالد الرماح خالد الرماح غير متواجد حالياً
 
تاريخ التسجيل: Jul 2007
المشاركات: 28
افتراضي قالب Simplify 2 بعد التعديل 2018




السلام عليكم ورحمة الله

قالب Simplify 2 بعد التعديل
قلب اجنبى تم تعريبه من قبل مدونة كوداتى قالب جميل وسريع وسهل التعديل قمت يالتعديل على عرض القالب واضافة قائمة رأسية
رائعة كما اضفت ثلاثة اعلانات داخل الموضوع اعلان فى بداية الموضوع واعلان فى الوسط واعلان اخر الموضوع
تستطيع اضافة الاعلانات من داخل التخطيط
صورة القالب




صورة اضافة الاعلانات من داخل التخطيط



للمعاينة المباشرة
فوتوماكس
للتعديل على القئهة الرائسية افتح القالب وابحت على الكود التالى وغير ميلزم

كود PHP:
<!--HTML code-->
<
div class='menu-right cdtey'>
<
ul>
<
li>
<
class='ss hom' href='http://www.photoomax.com/search/label/أخبار'>
<
class='ka fa fa-desktop'/>
<
span class='na'>اخبار </span>
</
a>
</
li>
<
li>
<
class='ss win' href='http://www.photoomax.com/search/label/بلوجر'>
<
class='ka fa fa-html5'/>
<
span class='na'>بلوجر</span>
</
a>
</
li>
<
li>
<
class='ss cog' href='http://www.photoomax.com/search/label/برامج'>
<
class='ka fa fa-cogs'/>
<
span class='na'>البرامج </span>
</
a>
</
li>
<
li>
<
class='ss goo' href='http://www.photoomax.com/search/label/جوجل'>
<
class='ka fa fa-google-plus'/>
<
span class='na'>جوجل </span>
</
a>
</
li>
<
li>
<
class='ss des' href='http://www.photoomax.com/search/label/فيسبوك'>
<
class='ka fa fa-facebook-square'/>
<
span class='na'>فيسبوك </span>
</
a>
</
li>
<
li>
<
class='ss unl' href='http://www.photoomax.com/search/label/تويتر'>
<
class='ka fa fa-twitter-square'/>
<
span class='na'>تويتر </span>
</
a>
</
li>
<
li>
<
class='ss che' href='http://www.photoomax.com/search/label/اندرويد'>
<
class='ka fa fa-android'/>
<
span class='na'>اندرويد </span>
</
a>
</
li>
<
li>
<
class='ss thu' href='http://www.photoomax.com/search/label/ايفون'>
<
class='ka fa fa-apple'/>
<
span class='na'>ايفون </span>
</
a>
</
li>
<
li>
<
class='ss dow' href='http://www.photoomax.com/search/label/وندوز'>
<
class='ka fa fa-windows'/>
<
span class='na'>الويندوز </span>
</
a>
</
li>
<
li><class='ss arc' href='http://www.photoomax.com/search/label/لينكس'>
<
class='ka fa fa-linux'/>
<
span class='na'>لينكس </span>
</
a>
</
li>
<
li>
<
class='ss dow' href='http://www.photoomax.com/search/label/ماكنتوش'>
<
class='ka fa fa-apple'/>
<
span class='na'>ماكنتوش </span>
</
a>
</
li>
<
class='ss thu' href='http://www.photoomax.com/search/label/فوتوشوب'>
<
class='ka fa fa-camera-retro'/>
<
span class='na'>فتوشوب </span>
</
a>
</
ul>
</
div>
<!--
Css Codes-->
<
style>
.
menu-right {
    
top226px

}
.
menu-right {
    
backgroundnone repeat scroll 0 0 #fff;
    
border-left1px solid #F0F0F0;
    
top166px;
    
width41px;
    
positionabsolute;
    
z-index9999999
}
.
menu-right ul li {
    
border-bottom1px solid #EBEBEB;
    
box-shadow0 1px 0 0 #FFFFFF
}
.
menu-right .na {
    
width0;
    
right41px;
    
padding0;
    
positionabsolute;
    
overflowhidden;
    
font-familydroid arabic kufi;
    
font-size16px;
    
font-weightbold;
    
letter-spacing0.6px;
    
white-spacenowrap;
    
line-height39px;
    -
webkit-transition0.25s;
    -
moz-transition0.25s;
    
transition0.25s
}
.
menu-right.ss:hover .ka {
    
color#FFFFFF
}
.
menu-right .ss {
    
displayblock;
    
height39px;
    
text-aligncenter;
    
positionrelative;
    
width41px;
    
z-index99999
}
.
menu-right .ss:hover .na {
    
widthauto;
    
padding0 20px;
    
overflowvisible
}
.
menu-right .hom:hover {
    
backgroundnone repeat scroll 0 0 #00BAC7
}
.
menu-right .hom .na {
    
backgroundnone repeat scroll 0 0 #00BAC7
}

.
fa-camera-retro {
    
color#f50c12
}

.
fa-home {
    
color#00BAC7
}
.
menu-right .win:hover {
    
backgroundnone repeat scroll 0 0 #8F8898
}
.
menu-right .win .na {
    
backgroundnone repeat scroll 0 0 #8F8898
}
.
fa-windows {
    
color#8F8898
}
.
menu-right .cog:hover {
    
backgroundnone repeat scroll 0 0 #43AF95
}
.
menu-right .cog .na {
    
backgroundnone repeat scroll 0 0 #43AF95
}
.
fa-cogs {
    
color#43AF95
}
.
menu-right .goo:hover {
    
backgroundnone repeat scroll 0 0 #F3594D
}
.
menu-right .goo .na {
    
backgroundnone repeat scroll 0 0 #F3594D
}
.
fa-google-plus {
    
color#F3594D
}
.
menu-right .des:hover {
    
backgroundnone repeat scroll 0 0 #5792B2
}
.
menu-right .des .na {
    
backgroundnone repeat scroll 0 0 #5792B2
}
.
fa-android {
    
color#a5c63b
}
.
menu-right .unl:hover {
    
backgroundnone repeat scroll 0 0 #F6C231
}
.
menu-right .unl .na {
    
backgroundnone repeat scroll 0 0 #F6C231
}
.
fa-unlock-alt {
    
color#F6C231
}
.
menu-right .che:hover {
    
backgroundnone repeat scroll 0 0 #C61F89
}
.
menu-right .che .na {
    
backgroundnone repeat scroll 0 0 #C61F89
}
.
fa-check-square {
    
color#C61F89
}




.
menu-right .thu:hover {
    
backgroundnone repeat scroll 0 0 #F75940
}
.
menu-right .thu .na {
    
backgroundnone repeat scroll 0 0 #F75940
}
.
fa-thumbs-o-up {
    
color#F75940
}
.
menu-right .dow:hover {
    
backgroundnone repeat scroll 0 0 #4aa3df
}



.
cdtey {
    
margin-top0;
    
positionfixed;
    
top!important;
    
z-index9999999;
    
backgroundwhite;
    
box-shadow0px 0px 5px 0px #8e8e8e
}
.
menu-right .dow .na {
    
backgroundnone repeat scroll 0 0 #4aa3df
}
.
menu-right .fa-cloud-download {
    
color#4aa3df
}
.
menu-right .arc:hover {
    
backgroundnone repeat scroll 0 0 #34495e
}
.
menu-right .arc .na {
    
backgroundnone repeat scroll 0 0 #34495e
}
.
arc .fa-archive {
    
color#34495e
}
.
menu-right .exc:hover {
    
backgroundnone repeat scroll 0 0 #f1c40f
}
.
menu-right .exc .na {
    
backgroundnone repeat scroll 0 0 #f1c40f
}
.
fa-exclamation-triangle {
    
color#f1c40f
}
.
menu-right .plu:hover {
    
backgroundnone repeat scroll 0 0 #9b59b6
}
.
menu-right .plu .na {
    
backgroundnone repeat scroll 0 0 #9b59b6
}
.
fa-plus {
    
color#9b59b6
}
.
fa-minus {
    
color#9b59b6
}
.
menu-right .ka {
    
font-size21px;
    
line-height36px;
    
transformrotate(0deg);
    
transitionall 0.5s ease 0s
}
.
menu-right .na {
    
color#FFFFFF
}
.
menu-right .ss:hover .ka {
    
color#FFFFFF;
    
transformrotate(360deg);
    
transitionall 0.5s ease 0s
}
</
style>
<!--
End--> 
التحميل

__________________
للتواصل
المدونة : https://photoomax.blogspot.com
الفيس بوك: https://www.facebook.com/photoomax1
البريد : k0911978737@gmail.com
رد مع اقتباس
إضافة رد

الكلمات الدلالية (Tags)
2018, التعديل, بعد, simplify 2, قالب

أدوات الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
حصريا اقوى برنامجين لاستعاده الملفات الممسوحه حتى بعد تقسيم الهارد Gdb4fat+ntfs ashraf100 منتدى البرامج 0 09-03-2012 07:22 AM
[Templates] جديد postbit_legacy +postbit + دمجهم مع بعض فى قالب واحد للنسخة 3.6.2 Losha منتدى برامج وهاكات المنتديات 3 25-12-2006 03:39 PM
{ حصري } شرح تقطير جدول SHOWTHREAD+ postbit مع تغير طريقة عرض الموضوع Losha منتدى برامج وهاكات المنتديات 7 22-09-2006 01:17 PM


الساعة الآن 08:42 PM.


جميع الحقوق محفوظة لشبكة بوابة العرب
New Page 4
 
 
Copyright © 2000-2018 ArabsGate. All rights reserved
To report any abuse on this website please contact abuse@arabsgate.com