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

[Hadi00 75]

سلام

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

<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>

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

ویرایش شده اسفند 93 توسط Hadi00

[Hadi00 75]

کسی وقت نداره راهنمایی کنه ؟!

[علی زینلی 2114]

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

اگر منظورتون از راهنمایی اینکه چجوری به 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>

[Hadi00 75]

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

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

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

[Hadi00 75]

up

[Hadi00 75]

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

[سعید حسینی 2409]

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

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

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

[علی زینلی 2114]

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

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

[Hadi00 75]

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

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

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

[Hadi00 75]

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

[علی زینلی 2114]

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

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

<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/

ویرایش شده اسفند 93 توسط علی زینلی

[Hadi00 75]

مرسی

خبرنامتو دیدم . واسه من اینطوری شه چرا پس http://upload7.ir/uploads//a06b944ae4c695fb42757bfa42305ec7bcadfdf4.jpg