Hadi00

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

12 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام

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


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

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

up

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

این از فرم خبر نامه خودم :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/

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری