Mahnaz

اضافه کردن آیکن صفحات اجتماعی در قسمت فوتر قالب

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

من می خوام آیکن سایت های اجتماعی مثل فیس بوک و توییر و ... رو به فوتر قالب (سمت راست توضیحات کپی رایت) اضافه کنم.

مثل عکس ضمیمه

لطفا راهنمایی کنید. مرسی

post-5962-0-07600400-1399980425_thumb.pn

0

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


لینک به پست

سلام

با کدنویسی html آشنایی دارید؟

3

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


لینک به پست

سلام

بله آشنایی دارم

0

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


لینک به پست

من آیکن ها رو به فوتر اضافه کردم، اما مشکلم این هست که می خوام آیکن ها رو سمت راست (روبروی عنوان Powered by Wordpress ) قرار بدم و راهش رو نمی دونم. منظور این نیست که راست چین کنم، وقتی راست چین بشه عنوان Powered by Wordpress هم میاد سمت راست. عکس ضمیمه رو ببینید متوجه میشید.

عکس قرمز مشکل من و عکس مشکی که تو پست اول، ضمیمه هستش چیزیه که مد نظرمه.

post-5962-0-93648900-1399992150_thumb.pn

ویرایش شده در توسط Mahnaz
0

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


لینک به پست

خب آیکن ها رو آماده کنید بعد با تگ img بزارید کنار هم. داخل css استایل زیر رو بدین:


.social img{ float:right; margin:10px; }

3

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


لینک به پست

من آیکن ها رو به فوتر اضافه کردم، اما مشکلم این هست که می خوام آیکن ها رو سمت راست (روبروی عنوان Powered by Wordpress ) قرار بدم و راهش رو نمی دونم. منظور این نیست که راست چین کنم، وقتی راست چین بشه عنوان Powered by Wordpress هم میاد سمت راست. عکس ضمیمه رو ببینید متوجه میشید.

عکس قرمز مشکل من و عکس مشکی که تو پست اول، ضمیمه هستش چیزیه که مد نظرمه.

float دادین؟

2

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


لینک به پست

خب آیکن ها رو آماده کنید بعد با تگ img بزارید کنار هم. داخل css استایل زیر رو بدین:


.social img{ float:right; margin:10px; }

فونت-آیکن هستش آیکن ها، عکس نیست.

float دادین؟

float بدم میاد سمت راست دیگه! هم متن و هم آیکن ها میان سمت راست اگر float راست چین بدم

چون فوتر کپی رایت فقط همون متنی که اشاره کردم رو ساپورت میکنه، آیکن ها سلیقه ای اضافه شده.

0

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


لینک به پست

خب یه div بزار واسه آیکون ها و float:right بده بعد به کپی رایت float:left

3

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


لینک به پست

خب یه div بزار واسه آیکون ها و float:right بده بعد به کپی رایت float:left

ببینید این کد کپی رایت هستش تو فایل CSS:


#copyright-wrap { background: #FF0000; padding: 20px 0; color: #000; padding-left: 5%; }
#copyright-wrap a { color: #fff; }
#copyright-wrap a:hover { color: #CCC; }

کد آیکن ها رو تو فایل copyright.php بعد از کدی که مربوط به کپی رایته اضافه کردم.

یعنی فونت-آیکن ها میشن جزوی از همون استایل کپی رایت، چون تو فایل css تعریف نشدن، چطوری و کجای فایل css کد تعریف کنم که آیکن ها به همون شکل عکس مشکی که اشاره داشتم به اون فورم دیده بشن؟

0

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


لینک به پست

نمی دونم من منظورم رو درست نمی تونم برسونم ظاهرا

ببینید شما این کد رو واسه کپی رایت در نظر بگیرید:


/* Copyright
================================================== */
#copyright-wrap { background: #FF0000; padding: 20px 0; color: #000; padding-left: 5%; }
#copyright-wrap a { color: #fff; }
#copyright-wrap a:hover { color: #ccc; }

حالا می خوام برای آیکن ها هم کد تعریف کنم که به این شکل میشه اگه اشتباه نکنم:


/* Social
================================================== */
#social-wrap { background: #FF0000; padding: 20px 0; color: #000; padding-right: 5%; }
#social-wrap a { color: #fff; }
#social-wrap a:hover { color: #ccc; }

خوب تو این حالت آیکن ها روبروی متن قرار نمی گیرن، میرن پایین متن کپی رایت، که مطابق نیست با چیزی که نیازه.

0

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


لینک به پست


/* Copyright
================================================== */
#copyright-wrap { background: #FF0000; padding: 20px 0; color: #000; padding-left: 5%; }
#copyright-wrap a { color: #fff; float:left; }
#copyright-wrap a:hover { color: #ccc; }


/* Social
================================================== */
#social-wrap { background: #FF0000; padding: 20px 0; color: #000; padding-right: 5%; }
#social-wrap a { color: #fff; float:right;}
#social-wrap a:hover { color: #ccc; }

تست کنید

1

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


لینک به پست


/* Copyright
================================================== */
#copyright-wrap { background: #FF0000; padding: 20px 0; color: #000; padding-left: 5%; }
#copyright-wrap a { color: #fff; float:left; }
#copyright-wrap a:hover { color: #ccc; }


/* Social
================================================== */
#social-wrap { background: #FF0000; padding: 20px 0; color: #000; padding-right: 5%; }
#social-wrap a { color: #fff; float:right;}
#social-wrap a:hover { color: #ccc; }

تست کنید

تمام این راه ها رو تست کردم، حل نشد

0

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


لینک به پست

سلام چرا از فونت ايكون ها استفاده نميكنيد ؟!‌

ي دمو انلاين هم اگه بزارين ما ببينيم شما چي كار ميكنيد خوبه !‌

1

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


لینک به پست

سلام چرا از فونت ايكون ها استفاده نميكنيد ؟!‌

ي دمو انلاين هم اگه بزارين ما ببينيم شما چي كار ميكنيد خوبه !‌

از فونت آیکن استفاده می کنم، گفته بودم تو پست های قبلی

دموی آنلاین ندارم، رو لوکال تست میشه :ph34r:

0

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


لینک به پست

حل شد.

باید پلاگین تعریف میشد که تو فایل فانکشن و کپی رایت تعریف کردم، بعد به css استایل دادم.

تو css بعد ار کپی رایت .fa رو وارد کردم، استایل دادم، مسیر و فونت رو تعریف کردم درست شد.

ویرایش شده در توسط Mahnaz
1

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


لینک به پست

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

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

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

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


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

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

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


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