السلام عليكم
في هذا الدرس أحببت أن أشاركك إضافة جميلة جدا وأنيقة مستوحات من وردبريس وهي على شكل التالي:
كود HTML:
<center>
<div align="center" id="truebloggertricks-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid
#000000; filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width:
200px;">
<h3 id="truebloggertricks-title-text" style="color: white;
font-size: 20px;">
توصل بجديد
الموقع</h3>
<div id="truebloggertricks-sub-title-txt" style="color: white;
font-size: 16px;">
إنضم إلينا
لتتوصل بآخر المواضيع مباشرة على بريدك</div>
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=chahidna',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true" rel="nofollow" target="popupwindow">
<div class="separator"
style="clear: both;
text-align: right;">
<input class="name" id="chahidna_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="الإسم الكريم"
/><br />
<input class="email" id="chahidna_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="البريد الإلكتروني"
/><br />
</div>
<input name="uri" type="hidden" value="chahidna"
/><input name="loc" type="hidden" value="en_US" /> <input
id="truebloggertricks_Submit_Text" style="height:
auto; padding: 5px 0;text-align: center;"
type="submit" value="!الآن ماذا تنتظر"
/></form>
</div>
</div>
</center>
<style>#ig-subscription-optin
{margin: 0px;padding: 10px;background: #2A6DA9;
background:
-moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left
top, left bottom, from(#5AE), to(#036));height: auto!important;color: white
!important;padding: 20px 15px !important;
text-align: center
!important;font-family: DroidKufi-Regular, Times, "Times New Roman",
serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0
!important;line-height: 22px;font-family: DroidKufi-Regular, Times, "Times
New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p
{margin: 8px 0 0 !important;line-height: 22px;font-family: DroidKufi-Regular,
Times, "Times New Roman", serif;
padding: 5px;border:
none;}#ig-subscription-optin input.name {
background: white
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgavoTrv57SGeNNV7d08bmhrhwpc-TxoUjqD1NmO5vewI4-yAPvicROnnrseSRY6c5j3pB2mBbHAzoYCFFfECL255K36JAnPycaCYeVshxQUZvISK8XXNYRP7U3INN_oLiR0ElFPEiQ9ilV/s1600/subscribe-name.png)
no-repeat center right;}
#ig-subscription-optin
input[type="text"] {border: 1px solid #111 !important;
font-size: 15px
!important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px
!important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email
{background: white
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWWMx3DColfjAOai-rhQcAQ_3BUbtCAgFw18GtyEFiieIUuWeZWnVIyJaUDpFkVJjc5NBK04YGii4PMTxEro5Th9k-ECn-gDop1R5on9dsfiRhnPspmWPMxfFsb4H6jGqsgU2pF72qNDa5/s1600/subscribe-email.png)
no-repeat center right;}#ig-subscription-optin input {
font-family: DroidKufi-Regular,
Times, "Times New Roman", serif;border-radius:
3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px
#111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin:
0px;padding: 0px; text-align: right;}#ig-subscription-optin h3 {margin-top:
10px !important;margin-bottom: 8px !important;margin-right: 10px
!important;margin-right: 10px !important;
font-weight: bold !important;line-height:
26px !important;letter-spacing: normal;
text-transform:
none;text-decoration: none;
text-align: center
!important;font-family: DroidKufi-Regular, Times, "Times New Roman",
serif;
border: none;padding: 0px
!important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border:
1px solid #0094D2;color: white;text-decoration:
none;}input[type="submit"] {background-color: #00A7ED;border: 1px
solid #0094D2;
color: white;cursor:
pointer;font-family: 'Droid Sans', sans-serif !important;font-size:
13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family:
'DroidKufi-Regular', sans-serif;}#ig-subscription-optin
input[type="submit"] {background: #960E17
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghDdrUV4HxN-ILoRymUKapjpF-EFCgotKN2AAPwxFxClgTnS4Nx-iN-f9n74OnhCkZo8fUwZp4jFksXB1RBOJF1Qk4mp8yIFCwXDQXqKV9uBvEnlf-_Bl0tpaDa7CQezIeyGEPevbbPJEn/s1600/subscribe-red.png)
repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer
!important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0
!important;text-shadow: -1px -1px #3A060A !important;width: 90%
!important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin
input[type="submit"]:hover {color: #FFA5A5;}</style>
chahidnaلا تنسى تبديل إسم بإسم حسابك في فدبرونر
ستجده أكثر من مرة
