الأربعاء، 4 أبريل 2018

قالب بلوجر Simplify 2 المعدل

قالب بلوجر Simplify 2 المعدل


اقدم لكم اليوم قالب بلوجر 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--> 
التحميل

إضافة تعليق