Archive Pages Design$type=blogging

[قياس العناصر الالكترونيه][list][rgba0, 0, 0, 0.1]

عمل الاقسام بشكل احترافى لمدونه بلوجر بشكل انيق وبتقنيه css

السلام عليكم ورحمه الله وبركاته اليوم مع اداه جديده من اضفات بلوجر وهى اضافه ازار بشكل انيق و بكل احتراف ونضع على القالب منظر جمالى اليكم ا...

السلام عليكم ورحمه الله وبركاته اليوم مع اداه جديده من اضفات بلوجر وهى اضافه ازار بشكل انيق و بكل احتراف ونضع على القالب منظر جمالى اليكم الاداه مباشره داخل الموضوع



عمل الاقسام بشكل احترافى لمدونه بلوجر بشكل انيق وبتقنيه css
مثال حى على الاضافه 

tamancentrعالم بلاحدود
قريبا
tamancentrعالم بلاحدود
قريبا
tamancentrعالم بلاحدود
قريبا
Blogger-Widget




اليكم الكود طريقه التركيب وضع الكود داخل اداه جافا اسكريبت فقط فى اى مكان تريد  ومبروك عليك القائمه الجديده فى مدونتك

عمل الاقسام بشكل احترافى لمدونه بلوجر بشكل انيق وبتقنيه css


<style type="text/css">
.Blogger-Widget-ahtrafy-up a {

display:block;
background:#eee;
border:1px solid #ccc;
margin: 0 0 20px 0;
height:65px;
width:250px;
overflow:hidden;
text-decoration:none;
font-family:inherit;
font-size:16px;
color:#000000;
text-shadow:0 1px 2px rgba(0, 0, 0, 0.75);
}
.Blogger-Widget-ahtrafy-up h5 {
color:#000000;
margin-top:0px;
height:65px;
text-align:center;
line-height:65px;
-webkit-transition: margin-top 0.2s linear;
}
.Blogger-Widget-ahtrafy-up a:hover h5{
margin-top:-90px;
}
.Blogger-Widget-ahtrafy-up div {
font-family:inherit;
font-size:17px;
color:#FFFFFF;
text-align:center;
padding:0px;
opacity: 0;


-webkit-transition: all 0.3s linear;
-webkit-transform: rotate(10deg);
}
.Blogger-Widget-ahtrafy-up a:hover div {
opacity: 1;
-webkit-transform: rotate(0deg);
}
.Blogger-Widget-ahtrafy-up a:nth-child(1) div { background: #EF7901; line-height:70px;}
.Blogger-Widget-ahtrafy-up a:nth-child(2) div { background: #98bf0d; line-height:70px;}
.Blogger-Widget-ahtrafy-up a:nth-child(3) div { background: #01b0ec; line-height:70px;}
.Blogger-Widget-ahtrafy a{ text-decoration:none; margin:10px; font-family:inherit; font-size:8px; font-weight:bold; color:#000000; overflow:hidden;-webkit-transition: All 1s ease;-moz-transition: All 1.5s ease;-o-transition: All 1.5s ease;-ms-transition: All 1.5s ease;transition: All 1.5s ease;
}
.Blogger-Widget-ahtrafy a:hover{ text-decoration:none; margin:75px; font-family:inherit; font-size:13px; font-weight:bold; color:#1fd4e9;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;-ms-transition: All 1s ease;transition: All 1s ease;
}
</style>

<section class="Blogger-Widget-ahtrafy-up">
<a href="http://tamancenter.blogspot.com/">
<h5>tamancentrعالم بلاحدود</h5>
<div>قريبا</div>
</a>
<a href="http://tamancenter.blogspot.com/">
<h5> tamancentrعالم بلاحدود </h5>
<div>قريبا</div>
</a>
<a href="http://tamancenter.blogspot.com/">
<h5> tamancentrعالم بلاحدود </h5>
<div>قريبا</div>
</a>

</section>
<section class="Blogger-Widget-ahtrafy">
<a href=" http://tamancenter.blogspot.com/2013/10/css.html ">Blogger-Widget</a>
</section>


التعليقات

بلوجر: 1
Loading...
الاسم

آخر أخبار الإنترنت و التكنولوجيا ابتدائى لاب توب ابلAPPLE اتصالات احترف فك وتركيب الشيب أخبار اخبار اخبار المازربورد ادسنس أدوات مفيده أصول التدوين اضفات بلوجر أضفات ووردبريس اعطال اسر ACER اعطال اسوس اعطال توشيبا اعطال ديل DELL اعطال لينوفLENOVE اعطال HP اعطالSamsung الادوات المستخدمه فى الصيانه الإكترونيات الإنترنت الانترنت الإنفوغرافيك التدوين التسويق الألكترونى التسويق الالكترونى التصميم الداتا شيت الربح من الانتر نت العدد و ادوات الصيانه العمل على الانترنت القسم العام الكترونيات المنهج الاساسى لااحتراف صيانه الكمبيوتر المواقع و المدونات الهارد ديسك أندرويد انفرادات المدونه ايسهات io برامج اندرويد بلوجر تتبع الاعطال تحميل البرامج و الملفات تصميم مواقع الانترنت تغير شاشات تق تقنيه توشيبا حصريات دروس احتراف اللاب توب دروس تتبع اعطال اللاب توب دروس فى الماذر بورد دروس متنوعه دعم فنى طمان سينتر دوره الإلكترونيات دوره الصيانه الالكترونيه دوره حمايه الاجهزه دون لود ريادة الأعمال سامسونج سوفت وير سيو سيو | SEO شركات التكنلوجيا صناعة الويب صناعه الويب فديوهات فديوهات صيانه متنوعه فرى لانسر فلاشات قسم الاب توب قسم البايوس قسم العدد و الادوات الخاصه با الصيانه قسم اللاب توب قسم المازربورد قسم المخططات قسم المخططات و الصور عاليه الدقه قسم فديوهات المازر بورد قسم LCD قصص نجاح قوالب بلوجر قياس العناصر الالكترونيه كاميرات المراقبة كتب الصيانه با العربيه كيف و اخوتها مازر مخططات مخططات اللاب توب مرجعات أضفات ووردبريس مسبقات مسلم فيس مشاكل الماذربورد معدات الصيانه مقالات مكتبه اعطال اللاب توب المحلوله مناقشات ووردبريس ويندوز يوتيوب about us Android EC BIOS Fujistu google i/o led seo tablet
false
rtl
item
شبكة محمد طمان التعليمية: عمل الاقسام بشكل احترافى لمدونه بلوجر بشكل انيق وبتقنيه css
عمل الاقسام بشكل احترافى لمدونه بلوجر بشكل انيق وبتقنيه css
http://1.bp.blogspot.com/-Ukj8USyEB9w/Uk2zYLCXWmI/AAAAAAAACsk/QE2eAH-Cp94/s1600/Untitled-1.png
http://1.bp.blogspot.com/-Ukj8USyEB9w/Uk2zYLCXWmI/AAAAAAAACsk/QE2eAH-Cp94/s72-c/Untitled-1.png
شبكة محمد طمان التعليمية
https://tamancenter.blogspot.com/2013/10/css.html
https://tamancenter.blogspot.com/
https://tamancenter.blogspot.com/
https://tamancenter.blogspot.com/2013/10/css.html
true
1513737640727675977
UTF-8
لم يتم العثور على أي مشاركات شاهد الكل أقراء المزيد رد الغاء الرد حذف بواسطة الرئسية الصفحات المقالات مشاهدة الكل موصى به لك التسمية الارشيف البحث Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago