crocko
القالب الإحترافى الثانى من مدونة مدون مجاناً للجميع
crocko
نشرت بواسطة:Hady store 7:05 م في أعمالى, قوالب مجانيه, قوالبى المعربه 20 تعليقات
نشرت بواسطة:Hady store 6:16 م في شروحات بلوجر 1 تعليق واحد
#header
.header-left{ display: inline-block; height: 60px;width: 468px;float: left;} .header-right { display:inline-block; float:right; }
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:section class='header header-left' id='header' maxwidgets='1' showaddelement='no'>
</div> </div> <div class='header-cap-bottom cap-bottom'> <div class='cap-left'/>
<b:include name='description'/> </div> </b:if> </b:includable> </b:widget> </b:section>
<div style='clear:both;'/>
نشرت بواسطة:Hady store 10:49 م في منوعات 1 تعليق واحد
نشرت بواسطة:Hady store 5:45 م في أزرار|Buttons, اضافات بلوجر لاتوجد تعليقات
#social-icons {
margin-bottom:-30px;
height:50px;
width:100%;
display:block;
clear:both;
z-index: 2;
position: relative;
}
.social-media-icons {
display:table
}
.social-media-icons ul {
text-align:right;
padding:5px 5px 0 0
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.social-media-icons ul {
margin-bottom:0;
padding:0;
float:right;
}
.social-media-icons li.media_icon {
margin-left:6px;
padding-left:0 !important;
background:none !important;
display:inline;
float:left;
}
.social-media-icons li:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(-360deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
<div class='social-media-icons' id='social-icons'>
<ul>
<li class='media_icon'><a href='http://facebook.com/mdwanblog'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTc5GCHftoUZwNkbmGS3kZ5AcREqnsTbJimIa1k0_RhfEIbOtrgBLUDXh2PrUJxz6maIM5H9WURtzMlD8JqZVCAz3glGFRvbNh082_CaMHbalT02xSk2YAXm-7BCMs-oOBRq9QsWV1sw/s1600/Facebook.png'/></a></li>
<li class='media_icon'><a href='http://twitter.com/#!/mdwan-blogger'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWovY7nVm5HKpm_f8EIJyH4UxAL9fDGeqzEG5ykJLizi8CeB-gl5jKvyi5RHXXm3dbmdRbwoVK63pqdPSdz6AY96zOj1PA9fssdVoc2Jf8nbfjuCijcAcyFMh9EvHh1mrILDhkwT7eV10/s1600/Twitter.png'/></a></li>
<li class='media_icon'><a href='https://plus.google.com/googleplus/about'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEmRi1JQ-U9WuOKNLF6cD1UBV7126Gl1tMOfRL1pRd1z0hqnAtq3LmQLyLejB-4Uibx-YOzsnS0eaz2DYBtbttiqvqlilRsGWOY8ijBQU6QGAq3bTIOI3l6bwVoGZY895Tg4YD0830dts/s1600/googleplus.png'/></a></li>
<li class='media_icon'><a href='http://name-of-rss/feeds/posts/default'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTqpuUBztxJQ9v9_ynovPh8HbTk-4cDlhaUUmCK8HGmMN3GKhYJNKJULuF2890OCkY-vdmoch26gjYEyN8eOuIdl7Oom3ID4yBqsO9zQcU5445Q004Hi9h1KRkZoUl_xothQCnZwhsztI/s1600/RSS.png'/></a></li>
</ul></div>
نشرت بواسطة:Hady store 9:35 م في أعمالى لاتوجد تعليقات
نشرت بواسطة:Hady store 3:21 م في اخبار المدونة 1 تعليق واحد
نشرت بواسطة:Hady store 5:33 م في اخبار المدونة 6 تعليقات
نشرت بواسطة:Hady store 6:54 م في قوالب مجانيه, قوالبى المعربه 90 تعليقات
نشرت بواسطة:Hady store 6:45 م في اضافات بلوجر لاتوجد تعليقات
<style type="text/css">
#post-gallery {
width:304px;
margin:0px auto;
font:normal 11px Arial,Sans-Serif;
color:#494848;
padding:8px;
background-color:#333333;
border-radius:4px;
}
#post-gallery h2 {
font:20px Arial,Sans-Serif;
color:white;
margin:2px 2px 2px;
padding:7px 14px;
background-color:#999999;
text-align: center;
}
#post-gallery .rp-item {
float:left;
display:inline;
position:relative;
margin:2px;
padding:0px 0px;
background:#fff url('http://softglad.at.ua/images/loading.gif') no-repeat 50% 50%;
width:72px;
height:72px;
}
#post-gallery .rp-item img {
width:72px;
height:72px;
border:none !important;
margin:0px 0px !important;
padding:0px 0px !important;
background:transparent !important;
display:none;
}
#post-gallery .rp-item .rp-child {
position:relative;
top:10%!important;
left:10%!important;
z-index:1000;
width:200px;
background-color:white;
border-top:5px solid #FA7C19;
padding:10px 15px;
overflow:hidden;
word-wrap:break-word;
display:none;
opacity: 0.9;
}
#post-gallery .rp-item .rp-child h4 {
font-size:12px;
margin:0px 0px 5px;
color:#FA7C19;
}
#post-gallery .rp-item:hover .hidden {display:block;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var rpTitle = "آخر المشاركات", // Widget Title
numposts = 20, // The number of thumbnail / posts to display
numchar = 200, // Number of characters in the description tooltip
rcFadeSpeed = 600, // Speed of the effect. fadeIn () tooltip appears
pBlank = "http://softglad.at.ua/images/no-img.png", // Image that show up if the post doesn't have a image
blogURL = "http://mdwanblog.blogspot.com"; // Your Blog Address
</script>
<script src="http://softglad.at.ua/widgets/post-gallery.js" type="text/javascript"></script>
نشرت بواسطة:Hady store 7:14 م في شروحات بلوجر 2 تعليقات
نشرت بواسطة:Hady store 4:06 م في سي اس اس 2 تعليقات
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet'
<div class="simoelmaachi">
<div class="footerbg">
<div class="footerright">
<div class="footerleft">
<div id="textlinks">
<div class="textcontainer" id="rightspace">
<ul>
<li class="texttitle" style="background-image:
url('http://img706.imageshack.us/img706/7030/53800244.png');
background-position: right; background-repeat: no-repeat">الاعلانات
النصية</li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
</ul>
</div>
<div class="textcontainer" id="rightspace">
<ul>
<li class="texttitle" style="background-image:
url('http://img706.imageshack.us/img706/7030/53800244.png');
background-position: right; background-repeat: no-repeat">الاعلانات
النصية</li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
</ul>
</div>
<div class="textcontainer" id="rightspace">
<ul>
<li class="texttitle" style="background-image:
url('http://img706.imageshack.us/img706/7030/53800244.png');
background-position: right; background-repeat: no-repeat">الاعلانات
النصية</li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
</ul>
</div>
<div class="textcontainer" id="rightspace">
<ul>
<li class="texttitle" style="background-image:
url('http://img706.imageshack.us/img706/7030/53800244.png');
background-position: right; background-repeat: no-repeat">الاعلانات
النصية</li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
</ul>
</div>
<div class="textcontainer" id="rightspace">
<ul>
<li class="texttitle" style="background-image:
url('http://img706.imageshack.us/img706/7030/53800244.png');
background-position: right; background-repeat: no-repeat">الاعلانات
النصية</li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
</ul>
</div>
<div class="textcontainer" id="rightspace">
<ul>
<li class="texttitle" style="background-image:
url('http://img706.imageshack.us/img706/7030/53800244.png');
background-position: right; background-repeat: no-repeat">الاعلانات
النصية</li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
<li><a href="/">اعلانك هنا</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
html
{
scrollbar-base-color: #3F93AF;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #DFDEDF;
}
.footerbg {
height: 147px;
}
#textlinks ul {
padding: 0;
margin: 0;
direction: rtl;
list-style-type: none;
font-family:'Droid Arabic Kufi', tahoma ,arial;
font-size: 11px;
}
#textlinks li {
background-position: bottom;
text-align: right;
}
#textlinks li a {
background-position: right;
display: block;
text-decoration: none;
padding-right: 20px;
font-family:'Droid Arabic Kufi', tahoma ,arial;
font-size: 15px;
font-weight: normal;
color: FFCC00;
background-image: url('http://img526.imageshack.us/img526/7194/linkie.png');
background-repeat: no-repeat;
line-height: 20px;
height: 20px;
}
#textlinks li a:hover {
text-decoration: none;
color: FF9900;
}
#textlinks {
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.textcontainer {
float: right;
display: inline;
width: 160px;
padding-top: 20px;
margin-left: 20px;
}
#rightspace {
margin-right: 35px;
}
.texttitle {
font-family:'Droid Arabic Kufi', tahoma ,arial;
font-size: 13px;
font-weight: bold;
color: #FF9900;
padding-right: 20px;
}
</style>
نشرت بواسطة:Hady store 10:55 ص في أيقونات فوتوشوب لاتوجد تعليقات
نشرت بواسطة:Hady store 5:16 م في منوعات 3 تعليقات
مميزات بلوجر
نشرت بواسطة:Hady store 3:52 ص في فــــرش لاتوجد تعليقات
نشرت بواسطة:Hady store 6:03 م في ملفات psd 2 تعليقات
نشرت بواسطة:Hady store 10:21 ص في خط عربى لاتوجد تعليقات
نشرت بواسطة:Hady store 5:21 ص في ملفات psd لاتوجد تعليقات
نشرت بواسطة:Hady store 3:18 م في أساسيات, منوعات لاتوجد تعليقات
نشرت بواسطة:Hady store 3:18 ص في ملفات psd لاتوجد تعليقات
نشرت بواسطة:Hady store 2:49 م في أزرار|Buttons, شروحات بلوجر لاتوجد تعليقات
<data:post.body/>
ضع الكود أسفله مباشرة