رفتن به مطلب

استایل دادن به خبرنامه


پست های پیشنهاد شده

سلام

بچه هایه درخواست: ممکنه یه استایل به کد زیر که کد خبرنامه هس بدین؟ الان فقط یه کادر و خیلی سادس.


<div class="formaval"><form action="https://feedburner.google.com/fb/a/mailverify?uri=persianteb/NXeZ" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=persianteb/NXeZ" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=persianteb/NXeZ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p><input type="text" style="width:195px" class="yu" value="ايميل خود را وارد کنيد + اينتر..." onblur="if (this.value == '') this.value = 'ايميل خود را وارد کنيد + اينتر...';" onfocus="if (this.value == 'ايميل خود را وارد کنيد + اينتر...') this.value = '';" name="email"/></p></form></div>

اینم بگم که میخام این کدو بصورت دستی در آخر پایان مطالب هر پست بذارم .

ویرایش شده توسط Hadi00
لینک به ارسال

سلام ، بحث وقت نیست ، سؤال یکم غیرواضحه.

اگر منظورتون از راهنمایی اینکه چجوری به input از نوع text استایل بدید:


<div class="formaval"><form action="https://feedburner.google.com/fb/a/mailverify?uri=persianteb/NXeZ" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=persianteb/NXeZ" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=persianteb/NXeZ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p><input type="text" style="width:195px" class="yu" value="ايميل خود را وارد کنيد + اينتر..." onblur="if (this.value == '') this.value = 'ايميل خود را وارد کنيد + اينتر...';" onfocus="if (this.value == 'ايميل خود را وارد کنيد + اينتر...') this.value = '';" name="email"/></p></form></div>
<style>
.formaval input[type=text] {/*---font:نام فونت انتخابی; ---*/background:#F59D9D;}
</style>

لینک به ارسال

نه منظورم از "وقت" این بوده که یکی وقت بذاره و راهنمایی کنه. بد نوشتم.

ممنون که پاسخ دادید. اما زیاد تغییری نکرده . http://p30up.ir/images/pjklp6r84y8xecl5llwu.jpg

مثلا من میخام به این صورت بشه. http://www.samenblog.com/uploads/l/line/195701.png حالا نه دقیقا اینطوری...

لینک به ارسال

ممنون از این همه همراهی :D

1- لطفا اسپم نفرستید! منتظر پاسخ باشید.

2- درخواستتونو اینجا مطرح کنید.

لینک به ارسال

ممنون از این همه همراهی :D

آدرس اون خبرنامه (چقدرم آشناست :| ) رو بدین تا بیشتر راهنمایی کنیم.

لینک به ارسال

آدرس اون خبرنامه (چقدرم آشناست :| ) رو بدین تا بیشتر راهنمایی کنیم.

بنده اون عکس خبرنامه رو به طر مثال عرض کردم.

نگفتم که دقیقا همون باشه. آدرسشم نمیدونم چون توو تصاویر گوگل سرچش کردم.

لینک به ارسال

با ترس و لرز آپ!!

این از فرم خبر نامه خودم :D


<div class="newslatter2">
<img src="http://code.naslno.com/wp-content/themes/naslno-code/images/message.jpg">
<form action="https://feedburner.google.com/fb/a/mailverify?uri=persianteb/NXeZ" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=persianteb/NXeZ" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=persianteb/NXeZ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" style="width:195px" class="yu" value="رایانامه شما" onblur="if (this.value == '') this.value = 'رایانامه شما';" onfocus="if (this.value == 'رایانامه شما') this.value = '';" name="email"/>
<input type="submit" name="btnSubmit" value="اخبار سایت رو برام بفرست">
</form>
</div>

<style>
body {direction:rtl;}
.newslatter2{width: 474px;
height: 82px;
border: solid 3px #29306e;
margin: 20px 5px;
float: right;
background: #676da4;}
.newslatter2 img{margin: 12px 16px 10px 0px;
float: right; -webkit-transition:0.3s; -moz-transition:0.3s;}
.newslatter2 img:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.newslatter2 input[type=text]{margin: 20px 9px;
padding: 11px;
width: 200px;
border: solid 2px #3a417d; font-family: WYekan;}
.newslatter2 input[type=submit]{background: #2980b9;
padding: 6px;
width: 151px;
border: solid 2px #3a417d;
color: #fff;
font-family: WYekan;
margin: 0px -6px; -webkit-transition:0.3s; -moz-transition:0.3s;}
.newslatter2 input[type=submit]:hover{ background:#e74c3c;}
</style>

http://code.naslno.com/

ویرایش شده توسط علی زینلی
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...