اخر المواضيع

آخر الأخبار

الاثنين

مجموعه مميزه لقوائم المقاله Heading Tags for Blogger with CSS

السلام عليكم
عدد المشاهدات الان
البحث عن
]]></b:skin>
فقط قم باختيار المناسب ويمكنك التعديل الان نشوف المصغر التطبيق فوقه ضع الكود

* الكتابه ابيض والخلفيه اسود
.sidebar h2 {
padding:5px;
background:#000000;
color:#FFFFFF;
font:140% 'Oswald',Sans-Serif;}
* خط اسود تحته
.sidebar h2 {
padding:5px;
border-bottom:5px solid #000000;
color:#000000;
font:140% 'Oswald',Sans-Serif;}
* خطوط منقطه
.sidebar h2 {
padding:5px;
border:2px dashed #000000;
color:#000000;
font:140% 'Oswald',Sans-Serif;}
* خلفيه سوداء بضل
.sidebar h2{
background:#333;
margin:5px 4px 5px 0;
padding:9px 0 9px 10px;
border:0;
color:white;
font-size:16px;
line-height:16px;
font-family:'Oswald',sans-serif;
text-decoration:none;
text-transform:uppercase;
box-shadow:4px 4px 0px rgba(33,33,33,0.45);}
* خلفيه سوداء بميلان جوانب
.sidebar h2 {
padding:10px;
text-align:center;
border-top-right-radius:30px;
border-bottom-left-radius:30px;
background:#000000;
color:#FFFFFF;
font:140% 'Oswald',Sans-Serif;}
* بالصوره
.sidebar h2 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUsnJqKCxhIcC_EP6JDCHn9rj0avBtw-8GWB0a8TQp2PQeliiUtG8Ib1Cb_D2LSnqMm1RTCAql5xo41ShrHMYl9rxPS5HewRKfu6ASXQeQer6ZUF-kyptgtOG4XKcoC68VHS9NlNk9T5cc/s1600/BloggerSpice+SidebarH2.png) no-repeat scroll 0 0 transparent;
color: rgb(213,213,213);
height: 66px;
font-size: 140%;
font-weight: bold;
margin: 0 0 -28px;
position: relative;
left: -30px;
top: 0;
width: 362px;
text-align: center;
padding: 15px 0 0;
font-family: 'Oswald',Sans-Serif;
padding-bottom: 15px;}
* بالصوره بيضاوي
.post h3 {
background-attachment: scroll;
background-color: white;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmBbsegjbrT38gLGuhYBLbU2oy4Ll93G_BwNiRO5kWIf0TRUDWpBfUGBIkUdKVeFqjnJT1gt4GtubXBTgj78yXzUJw_m7pMLeXAnYmfsDtSYwiJ9Y4D5h8FeCZjkoigT1gwLb3vETe3XQP/s1600/h3.png');
background-position: 5px 40%;
background-repeat: no-repeat no-repeat;
border: 2px solid;
border-radius: 80px 80px 80px 80px;
box-shadow: 0 1px 3px, 1px 1px 0 inset;
color: #333333;
font-family: inherit;
font-size: inherit;
font-size-adjust: inherit;
font-stretch: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: 1.7;
list-style: none outside none;
margin: 13px 3px;
outline: medium none;
padding: 3px 10px 3px 30px;
text-shadow: 0 1px 0;
text-transform: uppercase;
vertical-align: baseline;}
* بالصوره منحني
.post h3 { 
    background-attachment: scroll; 
    background-color: white; 
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPrTy3hns3JArcIFTU1oKEMJcO07SfQipo38BJ7E9yF16I56E2SqN-jgDoUXYRIxehCebKPPSUhFqhmlOb-UIawi-6TipSNHx3DVXFBgeujHDANe-T75t0qSQvVexDnPqGiZ05uLeytrgT/s1600/h3.png"); 
    background-position: 0 50%; 
    background-repeat: no-repeat no-repeat; 
    border: 3px solid #0D7005; 
    border-radius: 14px 14px 14px 14px; 
    box-shadow: 3px 3px 3px #ABABAB; 
    color: #25991C; 
    font-family: Lobster,cursive; 
    font-size: 20px; 
    font-weight: normal; 
    margin: 0 0 1em; 
    padding: 0 1px 4px 34px; 
    position: relative; 
    text-shadow: 1px 1px 0 #000000; 
text-transform: capitalize; }
* بالصوره نجمه
.post h3 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUtoRPCZR9IvJ77oDUAQ7LVjqon_nLxLlTxG3-dQgjWxupRgGfOPzqZUmHPpQM_8RqrjNuzFx9E0KHR_tZcVFIkP8FMmb7v94B3SBQBQNenlaZHyqKSHcsF1MFFXimHNvo08juJNkHZDRM/s1600/star.png") no-repeat scroll 5px center transparent;
clear: both;
color: #662D2D;
font-family: ‘Oswald’,sans-serif;
font-size: 22px;
font-weight: bold;
line-height: 1.2;
margin: 25px 5px;
padding: 6px 10px 2px 40px;
text-shadow: 0 1px 0 #CCCCCC;
text-transform: uppercase; }
* تحت خط خفيف
.post h3 {
border-bottom: 1px solid #289728;
color:#0080ff;
font-size:14pt;}
.post h3 span {
position: relative;
left: -0.3em;
bottom: -0.6em;
padding: 1px 0.5em;
margin: 0;
border: 1px solid #289728;
background-color: #fff;}
* مميز بيضاوي منحني
.post h3{
text-align: center;font-weight:bold;border:solid 5px #999c3b;
font-size:17px;
-moz-border-radius-topleft: 75px;
-moz-border-radius-topright:75px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:75px;
-webkit-border-top-right-radius:75px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:75px;
border-top-right-radius:75px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;padding:3px}
* لون يسار
.post h3{margin-top:10px;    max-width:95%;    padding:6px 2px;color: #000000;    padding-left:10px;    margin-bottom:10px;    font-size:20px;    font-family:'Oswald',sans-serif;    background-color:#F8FAFD;    text-decoration:none;    border-left:10px solid #05A8FC;    box-shadow:1px 1px 2px gainsboro;transition: border-left .777s;-webkit-transition: border-left .777s;-moz-transition: border-left .777s;-o-transition: border-left .777s;-ms-transition: border-left .777s;}.post h3:hover {  border-left:10px solid #FC2B2C;}
* لونيين
.post h3 {color:#222222;border-left:10px solid #222222;border-right:10px solid #222222;padding:3px 5px 3px  20px;border-radius:15px;-moz-border-radius:15px;box-shadow:0px 0px 13px #222222;-webkit-box-shadow:0px 0px 13px #222222;-moz-box-shadow:0px 0px 13px #222222;}.post h3:hover {color:#219DFC;border-left:10px solid #219DFC;border-right:10px solid #219DFC;box-shadow:0px 0px 13px #219DFC;-webkit-box-shadow:0px 0px 13px #32A4FC;-moz-box-shadow:0px 0px 13px #32A4FC;}
* خلفيه ولون
.post h3{
background: #F9F9F9;
font-family:'Oswald',sans-serif;
font-size: 120%;
padding: 6px 12px;
color: #333;
text-shadow: 1px 1px 1px #AAA;
border-bottom: 4px solid #03DA03;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 1px 1px 2px #AAA;
-moz-box-shadow: 1px 1px 2px #AAA;
box-shadow: 1px 1px 2px #AAA;
margin: 6px 3px;
text-transform: capitalize;
width: 95%;
line-height:1.0em;}
.post h3:hover {
border-bottom: 4px solid #003F80;}
* مشع بلون
.post h3 {
padding:5px;
border: 1px solid #cccccc;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
color:#333333;
font:140% 'Oswald',Sans-Serif;
text-transform: uppercase;}

القوايم لمقالات Subheading Styles for Blogger Posts
وسلامتكم

اذا حبيت نسخ المقالهـ

صاحب المدونه : اخوكم هكركوز الكويت
راح تجد كل ما تبحث عنه من عالم الانترنت ومواضيع محليه وشخصيه ومعلومات العالم فقط شاركنا
بواسطه : التاريخ :
قسم :
author
  • اضافة تعليق

    • ليست هناك تعليقات:

    اضف تعليقك ممكن

    الاشتراك في: تعليقات الرسالة (Atom)

    آلتآريخ هجري وميلآدي

    المتابعون