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

[تازه وارد 165]

با سلام.

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

استایلی که مد نظرمه برای وارد کردن ایمیل کاربران مطابقه شکل زیره :

ممنون و یا علی .

[kasra 4929]

اگر به input کلاس خاصی ندادید این کد رو در css خودتون اضافه کنید (به همون کلاس div که دادید رو هم اضافه کنید ) :

input {
border:1px solid #ccc;
border-radius:8px;
width:200px;
padding:6px 3px 6px 2px;
font:normal 13px tahoma;
}

کدهارو میتونید خودتون تغییر بدید و ببینید چه اتفاقی میفته

[تازه وارد 165]

اگر به input کلاس خاصی ندادید این کد رو در css خودتون اضافه کنید (به همون کلاس div که دادید رو هم اضافه کنید ) :

input {
border:1px solid #ccc;
border-radius:8px;
width:200px;
padding:6px 3px 6px 2px;
font:normal 13px tahoma;
}

کدهارو میتونید خودتون تغییر بدید و ببینید چه اتفاقی میفته

ممنون از کدی که دادید ولی متأسفانه بنده به کدنویسی زیاد وارد نیستم .

الان چند تا سؤال واسم پیش اومد :

1- این جمله : ( اگر به input کلاس خاصی ندادید ) یعنی چی؟ چون وقتی کلمه ی input رو در style.css جستجو کردم چندجا به کار برده شده بود .

2- این کدی که دادید واسه استایل همون کادر وارد کردن ایمیله ؟

3- این استایل رو اگه در css بزارم چه جوری باید به فیدبرنر متصل کنم که داخل سایت نشون بده ؟

4- به فیدبرنر این استایل رو چه جوری بشناسونم ؟

ممنون میشم اگه بیشتر توضیح بدید .

[kasra 4929]

ممنون از کدی که دادید ولی متأسفانه بنده به کدنویسی زیاد وارد نیستم .

الان چند تا سؤال واسم پیش اومد :

1- این جمله : ( اگر به input کلاس خاصی ندادید ) یعنی چی؟ چون وقتی کلمه ی input رو در style.css جستجو کردم چندجا به کار برده شده بود .

یعنی اگر در قسمتی که فرم رو به کار بردید یک div هست به این صورت بزارید :

.esme-class input {
...

}

2- این کدی که دادید واسه استایل همون کادر وارد کردن ایمیله ؟

برای input هست و روی اون کادر ایمیل هم کار میکنه

3- این استایل رو اگه در css بزارم چه جوری باید به فیدبرنر متصل کنم که داخل سایت نشون بده ؟

شما باید یک input در سایتتون بسازید و اگر کد فیدبرنر رو گرفتید ، در قالبتون بزارید به صورت مستقیم یا ابزارک ها در مدیریت

4- به فیدبرنر این استایل رو چه جوری بشناسونم ؟

به فید برنر مربوط نمیشه شما در سایت خودتون باید این کارهارو انجام بدید

[تازه وارد 165]

با توجه به راهنماییهایی که کردید پیش رفتم و خداروشکر نتیجه گرفتم .

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

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

یا علی .

[تازه وارد 165]

خواهشا کسانی که کدنویسی میدونن لطف کنن این مشکل رو حل کنند .

هرچی میگردم چنین استایلی نمیتونم پیدا کنم .

مطمئنا واسه کسانی که کد نویسی بلدن ، این استایل کار 5 دقیقه اس .

لطف کنید و بگید چه جوری این استایل رو درست کنم ؟

[تازه وارد 165]

همه چیز این انجمن عالیه ، فقط کاش اونایی که مهارت لازم رو در این انجمن دارن سریعتر جواب کاربرارو میدادند .

کاش ...

[عبدالماجد 3203]

دوست عزیز اگه میخواهید دقیقا مثل اون عکسی که دادید بشه لطف کنید دموی اون عکس + جایی که میخواهید استفاده بکنید رو بدید.

[تازه وارد 165]

دوست عزیز اگه میخواهید دقیقا مثل اون عکسی که دادید بشه لطف کنید دموی اون عکس + جایی که میخواهید استفاده بکنید رو بدید.

واسه دمو که بنده این استایلی که عکسش رو گذاشتم ، تو یه سایت دیدم و از اونجایی که فرم شیک و ساده ای داشت خوشم اومد .

آدرس اون سایت : لینک

در مورد مکان قرارگیریش هم میخوام تو سایدبار از طریق ابزارک باشه .

[عبدالماجد 3203]

منظورم این بود جایی که استفاده میکنید هم آدرسش رو بدید تا طبق کلاس کدش رو بدم.

البته اینو هم بگم اگه شما خودتون وارد سی اس اس بشید و کدها رو بنویسید بهتره و اگه زیاد وارد نیستید میتونید از این سایت هم کمک بگیرید. آدرسی که دادم مربوط به گرادیانت برای پس زمینه دکمه هست و اگه کمی باهاش کار کنید به رنگ مورد نظرتون میرسید.

لینکی که دادید تقریبا اینو استفاده کرده برای دکمه :

background: linear-gradient(#7ED1ED, #3CB9E4) repeat scroll 0 0 rgba(0, 0, 0, 0);
border:none;
border-radius: 5px 0 0 5px;
color: #fff;
cursor: pointer;
display: block;
padding: 8px 10px 12px;
position: absolute;

موفق باشید.

[تازه وارد 165]

منظورم این بود جایی که استفاده میکنید هم آدرسش رو بدید تا طبق کلاس کدش رو بدم.

البته اینو هم بگم اگه شما خودتون وارد سی اس اس بشید و کدها رو بنویسید بهتره و اگه زیاد وارد نیستید میتونید از این سایت هم کمک بگیرید. آدرسی که دادم مربوط به گرادیانت برای پس زمینه دکمه هست و اگه کمی باهاش کار کنید به رنگ مورد نظرتون میرسید.

لینکی که دادید تقریبا اینو استفاده کرده برای دکمه :

background: linear-gradient(#7ED1ED, #3CB9E4) repeat scroll 0 0 rgba(0, 0, 0, 0);
border:none;
border-radius: 5px 0 0 5px;
color: #fff;
cursor: pointer;
display: block;
padding: 8px 10px 12px;
position: absolute;

موفق باشید.

تشکر بابت کدی که دادید ولی بنده منظورم کل استایل اون عکس بود . ( یه چیزی که شبیه به عکس پیوستی در اول تاپیک بشه )

چون از کدنویسی هیچی نمیدونم که بخوام استایلی شبیه به عکس ایجاد کنم .

خواهشا به طور کامل کمک کنید که مشکلم حل شه .

یه دنیا ممنون .

[عبدالماجد 3203]

منظورم این بود جایی که استفاده میکنید هم آدرسش رو بدید تا طبق کلاس کدش رو بدم.

[تازه وارد 165]

اگه منظورتون آدرس آنلاینه که باید بگم چون روی لوکال تست میکنم خودتون بهتر میدونید که امکان آدرس دهی نیست.

اگه فایلی از پوسته رو میخواید بگید که یا کدهاشو بزارم یا آپلود کنم .

[عبدالماجد 3203]

دوست عزیز لطف کنید و اسپم ندید. از پست قبلی شما فقط چند ساعت گذشته بود.

اگر امکان دادن آدرس نیست پس کدهای اون بخش رو برام بفرستید تا براتون استایل بدم.

اگه با گذشت چند ساعت دیدید جواب ندادم فقط لینک تایپیک رو برام پ.خ کنید و تایپیک رو آپ نکنید.

موفق باشید.

[تازه وارد 165]

دوست عزیز لطف کنید و اسپم ندید. از پست قبلی شما فقط چند ساعت گذشته بود.

اگر امکان دادن آدرس نیست پس کدهای اون بخش رو برام بفرستید تا براتون استایل بدم.

اگه با گذشت چند ساعت دیدید جواب ندادم فقط لینک تایپیک رو برام پ.خ کنید و تایپیک رو آپ نکنید.

موفق باشید.

جناب عبدالماجد ، قصد اسپم دادن نداشتم ، فقط به امید جواب گرفتن تاپیک رو به روز کردم ( واقعا خیلی به مشکل برخوردم ) . در هر صورت عذرخواهی میکنم .

منظورتون از کدهای اون بخش چیه ؟ یعنی کدهای style.css ؟ یا کدهای فیدبرنر ؟ یا ... ؟

[عبدالماجد 3203]

کدهایی که برای نمایش فرم اشتراک گذاشتید.

همونی که از فیدبرنر گرفتید یا از جای دیگه.

[تازه وارد 165]

کدهایی که برای نمایش فرم اشتراک گذاشتید.

همونی که از فیدبرنر گرفتید یا از جای دیگه.

کدی که خواستید رو داخل یه فایل متنی ذخیره و پیوست کردم .

ضمیمه : لینک

[عبدالماجد 3203]

سلام دوست عزیز بفرمایید :

<style>
.feedburnerform{
width:300px;
}
.feedburnerformtext{
border: 1px solid #D9D9D9;
border-radius: 5px;
outline: medium none;
padding: 9px 7px 10px;
text-align: right;
width: 92%;
float:right;
}
.feedburnerformbutton{
background: linear-gradient(#7ED1ED, #3CB9E4) repeat scroll 0 0 rgba(0, 0, 0, 0);
border:none;
border-radius: 5px 0 0 5px;
color: #fff;
cursor: pointer;
display: block;
padding: 8px 10px 12px;
position: absolute;
width:8%;
float:left;
}
</style>
<div class="feedburnerform">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mysite/0000', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" class="feedburnerformtext" name="email"/>
<input type="hidden" value="mysite/0000" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" class="feedburnerformbutton" value="عضویت" />
</form>
</div>

[تازه وارد 165]

سلام .

کدهایی که گفتید رو جایگزین کردم ( بخشی که مربوط به استایل بود در style.css و بخشی که مربوط به فیدبرنر بود در ابزارک )

ولی متأسفانه شد این عکسی که پیوست کردم .

[تازه وارد 165]

هرکار کردم متوجه نشدم کجای استایل مشکل داره که به این شکل شده .

امیدورام جناب عبدالماجد این مشکل رو بتونید به طور کامل حل کنید .

یه دنیا ممنون و یا علی .

[aftab98 3]

سلام جناب عبدالماجد

بنده هم همین مشکل رو دارم.کد فیدبرنر رو در ابزارک گذاشتم و اون رو راه اندازی کردم.اما متاسفانه نمیدونم کجا باید استایل دهی کنم.فکر میکنم در style.css خود قالب باید این کار رو بکنم.اما نمیدونم مابین کدوم خط ها انجام بدم(ناگفته نماند به اخر استایل اضافه کردم جوابی نگرفتم.قبل از هدر قرار دادم باز جوابی نگرفتم.)

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

سپاس

[تازه وارد 165]

یعنی تو این انجمن که ماشالله اینهمه افراد ماهر در زمینه ی کدنویسی وجود داره ، کسی نمیتونه لطف کنه همین استایلی که گفتم رو کدهاشو بزاره ؟

جناب عبدالماجد که لطف کردن و کد رو گذاشتن ولی مشکل داشت و دیگه هم پاسخی ندادن .

امیدوارم کسی پیدا شه بتونه راهنمایی کنه بنده رو .

[عبدالماجد 3203]

یعنی تو این انجمن که ماشالله اینهمه افراد ماهر در زمینه ی کدنویسی وجود داره ، کسی نمیتونه لطف کنه همین استایلی که گفتم رو کدهاشو بزاره ؟

بقیه دوستان مشغولن :

دوستان و همراهان عزیز

با توجه به شروع عملیات برای تغییر در ظاهر سایت و قابلیت های جدید، روند پاسخگویی در انجمن کمی با تاخیر انجام میگیرد.

لطفا شکیبا باشید

جناب عبدالماجد که لطف کردن و کد رو گذاشتن ولی مشکل داشت و دیگه هم پاسخی ندادن .

حجم تایپیک ها زیاده و وقت نمیکنم همشونو بررسی کنم.

دوست عزیز شما کدبالا رو توی یک فایل خالی html بزارید و ببینید خود کد درسته و مشکلی نداره.

به احتمال زیاد توی استایلتون کدهایی مربوط به اینپوت و باتن ها هست که با این کدتداخل داره به همینخاطر به هم ریخته نشون میده.

یه تغییرات کوچیکی دادم ببینید درست میشه یا نه ؟

<style>
.feedburnerform{
width:300px!important;
}
.feedburnerformtext{
border: 1px solid #D9D9D9;
border-radius: 5px;
outline: medium none;
padding: 9px 7px 10px;
text-align: right;
width: 92%!important;
float:right!important;
}
.feedburnerformbutton{
background: linear-gradient(#7ED1ED, #3CB9E4) repeat scroll 0 0 rgba(0, 0, 0, 0);
border:none;
border-radius: 5px 0 0 5px;
color: #fff;
cursor: pointer;
display: block;
padding: 8px 10px 12px;
position: absolute;
width:8%!important;
float:left!important;
}
</style>
<div class="feedburnerform">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mysite/0000', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" class="feedburnerformtext" name="email"/>
<input type="hidden" value="mysite/0000" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" class="feedburnerformbutton" value="عضویت" />
</form>
</div>

feedburner.html

[تازه وارد 165]

ممنون از کدی که دادید .

فایل پیوستی تون رو دیدم و این کدهایی که دادید رو جایگزین کدهای قبلی کردم و درست شد اما نه به طور کامل . ( دو مشکل داشت )

1- دکمه ی اشتراک به جای سمت چپ ، سمت راست قرار گرفته .

2- متن دکمه ی اشتراک ( منظورم همون کلمه ی اشتراک هست ) به رنگ سفید استایل خورده که وقتی روی دکمه ی اشتراک کلیک میکنم ، رنگش از سفید به مشکی تغییر میکنه که دو عکس رو در پایین پیوست میکنم ، که کامل متوجه منظورم بشید .

عکس مورد اول :

عکس مورد دوم :

امیدوارم این موارد هم به لطف شما حل بشه .

ویرایش شده خرداد 93 توسط تازه وارد

[تازه وارد 165]

به احتمال زیاد توی استایلتون کدهایی مربوط به اینپوت و باتن ها هست که با این کدتداخل داره به همینخاطر به هم ریخته نشون میده.

پیرو نقل قول فوق ، تو فایل style.css یه نگاه کردم و دیدم بعضی جاها از input و button استفاده شده که به گفته ی شما ، حتما همین کدها ایجاد تداخل میکنه که کدهای استایل فیدبرنر به درستی اعمال نمیشه .

حالا سؤالم اینجاست که این تداخلات رو چه جوری رفع کنم که همه ی کدها به درستی اعمال بشن ؟ ( چه کدهای قبلی پوسته و چه کدهایی که واسه فیدبرنر استفاده میکنم )