قالب Simplify 2 بعد التعديل 2018

خالد الرماح

عضو جديد
21 مارس 2009
29
1
3
ليبيا
www.photoomax.com
السلام عليكم ورحمة الله

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


d914b525b29e1750edc6a4cd59acc2f8-1513712778.png


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

db4dfef1166ecf05749801745f2a08a8-1513713332.png


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

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

}
.menu-right {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #F0F0F0;
    top: 166px;
    width: 41px;
    position: absolute;
    z-index: 9999999
}
.menu-right ul li {
    border-bottom: 1px solid #EBEBEB;
    box-shadow: 0 1px 0 0 #FFFFFF
}
.menu-right .na {
    width: 0;
    right: 41px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    font-family: droid arabic kufi;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.6px;
    white-space: nowrap;
    line-height: 39px;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s
}
.menu-right.ss:hover .ka {
    color: #FFFFFF
}
.menu-right .ss {
    display: block;
    height: 39px;
    text-align: center;
    position: relative;
    width: 41px;
    z-index: 99999
}
.menu-right .ss:hover .na {
    width: auto;
    padding: 0 20px;
    overflow: visible
}
.menu-right .hom:hover {
    background: none repeat scroll 0 0 #00BAC7
}
.menu-right .hom .na {
    background: none repeat scroll 0 0 #00BAC7
}

.fa-camera-retro {
    color: #f50c12
}

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




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



.cdtey {
    margin-top: 0;
    position: fixed;
    top: 0 !important;
    z-index: 9999999;
    background: white;
    box-shadow: 0px 0px 5px 0px #8e8e8e
}
.menu-right .dow .na {
    background: none repeat scroll 0 0 #4aa3df
}
.menu-right .fa-cloud-download {
    color: #4aa3df
}
.menu-right .arc:hover {
    background: none repeat scroll 0 0 #34495e
}
.menu-right .arc .na {
    background: none repeat scroll 0 0 #34495e
}
.arc .fa-archive {
    color: #34495e
}
.menu-right .exc:hover {
    background: none repeat scroll 0 0 #f1c40f
}
.menu-right .exc .na {
    background: none repeat scroll 0 0 #f1c40f
}
.fa-exclamation-triangle {
    color: #f1c40f
}
.menu-right .plu:hover {
    background: none repeat scroll 0 0 #9b59b6
}
.menu-right .plu .na {
    background: none repeat scroll 0 0 #9b59b6
}
.fa-plus {
    color: #9b59b6
}
.fa-minus {
    color: #9b59b6
}
.menu-right .ka {
    font-size: 21px;
    line-height: 36px;
    transform: rotate(0deg);
    transition: all 0.5s ease 0s
}
.menu-right .na {
    color: #FFFFFF
}
.menu-right .ss:hover .ka {
    color: #FFFFFF;
    transform: rotate(360deg);
    transition: all 0.5s ease 0s
}
</style>
<!--End-->
التحميل​
 

المرفقات

  • 151371430631321.zip
    1.3 MB · المشاهدات: 271
  • screenshot.PNG
    screenshot.PNG
    275.1 KB · المشاهدات: 180