techno
آفلاین
عضو
تعداد نوشته‌ها: ۸۲
تشکر شده: ۵۸ بار
#
نوشته شده: ۹ سال پیش
۸ فروردین ۱۳۹۴ - ۱۵:۵۸
با سلام خدمت شما
من دو تا استایل مربوط به دو قالب متفاوت دارم تو یکی از اینا یک استایلی وجود داره که پنل کاربری رو ایجاد میکنه حالا من میخوام این کد رو به قالب دیگم انتقال بدم ولی یا کار نمیکنه یا قالب به هم میریزه
خیلی دربارش سعی کردم پیدا کنم ولی نتیجه نداد
تو استایل قالبی که میخوام یه بخشی از کدش رو کپی کنم دقیقا نمیدونم کدوم بخشه این کد شکلی شبیه شکل زیر ایجاد میکنه
http://8pic.ir/images/dstgvllyay82odyz67pg.png
الان کل حرفم اینه که چیکار کنم که اون 6 تا مربع که تو شکل وجود داره ایجاد بشه
استایل کلی قالب رو هم دارم ولی نمیدونم کدوم بخشش رو کپی کنم به قالب جدید که اونها ایجاد بشن
میدونم شاید توضیحاتم کامل نباشن یا یکم سردرگم کننده باشن
ولی تمام سعی خودمو کردم تا منظورمو بهتر برسونم
ممنون میشم کمکم کنین
با تشکر
hosein71
آفلاین
عضو
تعداد نوشته‌ها: ۳۶
تشکر شده: ۲۳ بار
#
نوشته شده: ۹ سال پیش
۹ فروردین ۱۳۹۴ - ۱۶:۲۶
دوست عزیز برای وردپرس هست؟
در حالت کلی علاوه بر استایل (css) باید کدهای html را نیز کپی کنید. لطفا توضیحات ساده تر و بیشتری بدید.
کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
techno
techno
آفلاین
عضو
تعداد نوشته‌ها: ۸۲
تشکر شده: ۵۸ بار
#
نوشته شده: ۹ سال پیش
۹ فروردین ۱۳۹۴ - ۱۹:۳۴
hosein71 گفت:
دوست عزیز برای وردپرس هست؟
در حالت کلی علاوه بر استایل (css) باید کدهای html را نیز کپی کنید. لطفا توضیحات ساده تر و بیشتری بدید.
سلام
بله برای وردپرس هستش
ببینین من این کد رو در قسمت برگه قرار میدم
<div id="main">
<div class="pageBodyBtn">
<div class="pageBody">
<div class="homeBox">
<div class="post">
<div class="title">
<h2>پروفایل</h2>
</div>
<div class="body">
<p> <strong>
techno</strong> به پنل کاربری خوش آمدی
<div class="adminIcon">
<a href="/send">
<img src="http://sargarmi4u.ir/wp-content/themes/birjoke/images/panel/sendSms.png" alt="ارسال مطلب">
ارسال نوشته
</a>
<a href="/profile">
<img src="http://sargarmi4u.ir/wp-content/themes/birjoke/images/panel/edit-profile.png" alt="">
پروفایل کاربر
</a>
<a href="/Rules">
<img src="http://sargarmi4u.ir/wp-content/themes/birjoke/images/panel/rules.png" alt="">
قوانین ارسال
</a>
<a href="/p-m">
<img src="http://sargarmi4u.ir/wp-content/themes/birjoke/images/panel/p-m.png" alt="">
پیام های خصوصی
</a>
<a href="/allsent">
<img src="http://sargarmi4u.ir/wp-content/themes/birjoke/images/panel/sendjokList.png" alt="">
لیست نوشته های ارسالی
</a>
<a href="/login">
<img src="http://sargarmi4u.ir/wp-content/themes/birjoke/images/panel/shut_down.png" alt="">
خروج
</a>
<br class="clearfloat">
</div>
</p>
<br>
<br class="clearfloat">
</div>
</div>
</div>
</div>
</div>
</div>
حالا وقتی کل استایل قالبمو عوض میکنم و اون استایلی که این ویژگی رو داره قرار میدم مربع ها ایجاد میشن ولی قالب به هم میریزه
وقتی استایل اصلی قالب رو میزارم قالب درسته ولی اون مربع ها ایجا نمیشن
حالا من موندم از اون استایل چی بردارم و به استایل قالب اصلیم اضافه کنم تا اون مربع ها ایجاد بشن و شکلی شبیه عکسی که قرار دادم ایجاد بکنن
فکر کنم الان بهتر تونستم منظورمو برسونم
ممنون میشم کمکم کنین
با تشکر
hosein71
آفلاین
عضو
تعداد نوشته‌ها: ۳۶
تشکر شده: ۲۳ بار
#
نوشته شده: ۹ سال پیش
۱۰ فروردین ۱۳۹۴ - ۱۰:۳۷
داخل استایل برو و فقط جاهایی که مربوط به این بخش ها میشه رو کپی و به استایل اصلیت اضافه کن.
pageBodyBtn
pageBody
homeBox
استایل قبلی و جدید شما هردو برای تگ هایی مثل a (لینک ها) و ... یه خصوصیاتی تعریف کردن. وقتی شما جابجا میکنی قسمتی که میخوای درست میشه اما باقیش سازگار نیست. پس فقط همون قسمت مربوط رو کپی کن.
اگر سخت بود برات میتونی استایل قدیمی رو بالاتر از استایل قبلی کپی کنی و جایگزین نکنی. البته بازهم ممکنه یه مقدار بهم ریختگی پیش بیاد.
اگر نشد استایل جدید رو هم کپی کن بگم کجاهاشو بردار.
کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
techno
techno
آفلاین
عضو
تعداد نوشته‌ها: ۸۲
تشکر شده: ۵۸ بار
#
نوشته شده: ۹ سال پیش
۱۰ فروردین ۱۳۹۴ - ۲۱:۲۷
hosein71 گفت:
داخل استایل برو و فقط جاهایی که مربوط به این بخش ها میشه رو کپی و به استایل اصلیت اضافه کن.
pageBodyBtn
pageBody
homeBox
استایل قبلی و جدید شما هردو برای تگ هایی مثل a (لینک ها) و ... یه خصوصیاتی تعریف کردن. وقتی شما جابجا میکنی قسمتی که میخوای درست میشه اما باقیش سازگار نیست. پس فقط همون قسمت مربوط رو کپی کن.
اگر سخت بود برات میتونی استایل قدیمی رو بالاتر از استایل قبلی کپی کنی و جایگزین نکنی. البته بازهم ممکنه یه مقدار بهم ریختگی پیش بیاد.
اگر نشد استایل جدید رو هم کپی کن بگم کجاهاشو بردار.
سلام تشکر میکنم بابت پاسختون
الان من یه مشکلی دارم
بخش homeBox در داخلاستایل نیست که برم کپی کنم و به استایل جدید اضافه کنم !!!
این مورد رو پیکار کنم ؟
راستی من فقط یه بخش adminIcon رو از استایل برداشتم و به استایل جدید اضافه کردم مربع ها ایجاد شد ولی به این شکل در اومد
http://8pic.ir/images/mro2vl9cf27e6a9yj74q.png
همونطور که از شکل پیدا میشه عکس های داخل کادر وسط نشون نمیدن
این عکس ها رو چیکار کنم به وسط منتقل بشن ؟
اینم بخشی که ایجاد کردم
http://sargarmi4u.ir/profile
ویرایش شده توسط مدیر
تذکر : کاربر محترم لطفا کد های بیشتر از 15 خط رو داخل وب سایت http://hastebin.com قرار بدین و بعد لینکشو بزارید تا از طولانی شدن و شلوغ شدن تاپیک جلوگیری شود.
http://hastebin.com/
hosein71
آفلاین
عضو
تعداد نوشته‌ها: ۳۶
تشکر شده: ۲۳ بار
#
نوشته شده: ۹ سال پیش
۱۱ فروردین ۱۳۹۴ - ۰۱:۲۰
برای منتقل شدن عکس ها به وسط یکم باید css ها رو تغییر بدید. مثلا خاصیت padding-right یا margin-right به قسمت مربوطه بدید. برای اینکار سایت رو با مرورگر کروم یا اپرا باز کنید. روی آیکونی که میخواهید css های مربوط به اون ها رو تغییر بدید (روی یکیشون) کلیک راست کنید و گزینه ی inspect element رو بزنید. کادری باز میشه که مشخصات مربوطه رو میتونید ببینید و تغییر بدید.
وقتی مقادیر مناسب رو پیدا کردید به فایل اصلی css برید و تغییرات رو اعمال کنید.
کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
techno
آموزش وردپرس
آفلاین
عضو
تعداد نوشته‌ها: ۲۸۳۹
تشکر شده: ۱۷۶۷ بار
#
نوشته شده: ۹ سال پیش
۱۱ فروردین ۱۳۹۴ - ۰۱:۲۳
به نام خدا
عرض سلامو خسته نباشید
برای وسط چین کردن تصاویر دقیقا کلاس مربوطه رو به این شکل وارد کنید
display:block;
margin: 0 auto;
تمام
با تشکر
ارادتمند : مسلم فلاح نیت
___________________________________________
تذکر : این یک تذکر برای تمام کاربران محترم می باشد . کاربر محترم پس از رفع مشکل در صورتی که خودتون حلال مشکل بودین با ذکر علت حل مشکل از منو سمت چپ بالا تاپیک رو حل شده قرار بدین و در صورتی که با راهنمایی شخص ناظر یا سایر اعضا مشکل حل شد نیازی به توضیح مجدد نیست و صرفا با قرار دادن تاپیک در حالت حل شده مشکل حل شده محسوب میشه و برای تشکر نیازی به ارسال پست جدید نیست کافیه روی دکمه تشکر کلیک بشه
کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
techno
techno
آفلاین
عضو
تعداد نوشته‌ها: ۸۲
تشکر شده: ۵۸ بار
#
نوشته شده: ۹ سال پیش
۱۱ فروردین ۱۳۹۴ - ۱۰:۳۵
amoozesh98com گفت:
به نام خدا
عرض سلامو خسته نباشید
برای وسط چین کردن تصاویر دقیقا کلاس مربوطه رو به این شکل وارد کنید
display:block;
margin: 0 auto;
تمام
با تشکر
ارادتمند : مسلم فلاح نیت
___________________________________________
تذکر : این یک تذکر برای تمام کاربران محترم می باشد . کاربر محترم پس از رفع مشکل در صورتی که خودتون حلال مشکل بودین با ذکر علت حل مشکل از منو سمت چپ بالا تاپیک رو حل شده قرار بدین و در صورتی که با راهنمایی شخص ناظر یا سایر اعضا مشکل حل شد نیازی به توضیح مجدد نیست و صرفا با قرار دادن تاپیک در حالت حل شده مشکل حل شده محسوب میشه و برای تشکر نیازی به ارسال پست جدید نیست کافیه روی دکمه تشکر کلیک بشه
سلام آقای فلاح نیت این کدی که قرار دادین رو باید در استایل قالب اصلی خودم قرار بدم ؟
اگه بله این کد رو باید کجای استایل قرار بدم ؟
چون این کد رو قرار دادم تو استایل جدیدم ولی کار نکرد
کل کدی هم که تو برگه قرار دادم اینه
<strong>
به پنل کاربری خوش آمدی
</strong>
<div class="adminIcon"><a href="/send">
<img src="http://sargarmi4u.ir/wp-content/themes/Jokestan/images/panel/sendSms.png" alt="ارسال مطلب" />
ارسال نوشته
</a><a href="/profile">
<img src="http://sargarmi4u.ir/wp-content/themes/Jokestan/images/panel/edit-profile.png" alt="" />
پروفایل کاربر
</a>
<a href="/Rules">
<img src="http://sargarmi4u.ir/wp-content/themes/Jokestan/images/panel/rules.png" alt="" />
قوانین ارسال
</a>
<a href="/login">
<img src="http://sargarmi4u.ir/wp-content/themes/Jokestan/images/panel/shut_down.png" alt="" />
خروج
</a>
</div>
با تشکر فراوان
آموزش وردپرس
آفلاین
عضو
تعداد نوشته‌ها: ۲۸۳۹
تشکر شده: ۱۷۶۷ بار
#
نوشته شده: ۹ سال پیش
۱۱ فروردین ۱۳۹۴ - ۱۴:۵۸
آدرس صفحه ای که این تصاویر داخلش لود میشن بزارید تا راهنمایی کنم با تشکر
ارادتمند : مسلم فلاح نیت
کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
techno
techno
آفلاین
عضو
تعداد نوشته‌ها: ۸۲
تشکر شده: ۵۸ بار
#
نوشته شده: ۹ سال پیش
۱۱ فروردین ۱۳۹۴ - ۱۶:۳۱
amoozesh98com گفت:
آدرس صفحه ای که این تصاویر داخلش لود میشن بزارید تا راهنمایی کنم با تشکر
ارادتمند : مسلم فلاح نیت
با سلام مجدد
بفرمایین : http://sargarmi4u.ir/profile
آموزش وردپرس
آفلاین
عضو
تعداد نوشته‌ها: ۲۸۳۹
تشکر شده: ۱۷۶۷ بار
#
نوشته شده: ۹ سال پیش
۱۱ فروردین ۱۳۹۴ - ۱۸:۲۷
به نام خدا عرض سلامو خسته نباشید
لطفا کد های زیر رو دقیقا به استایل قالبتون اضافه کنید و بعد صفحه ای که گفتین رو مشاهده کنید :
.adminIcon p {
background-color: mediumslateblue;
border-radius: 5px;
display: inline-flex;
font-family: "Yekan";
font-size: 15px;
margin: 20px 5px 5px;
padding: 10px;
text-align: center;
width: 80px;
}
.adminIcon img {
display: block;
margin: 0 auto !important;
text-align: center;
}
.adminIcon {
margin: 0 auto;
text-align: center;
}
.adminIcon a {
color: white;
display: block;
margin: 0 auto;
text-align: center;
}
.adminIcon a:hover {
color: black;
}
.adminIcon p:hover {
background-color: steelblue;
}
___________________________________________
تذکر : این یک تذکر برای تمام کاربران محترم می باشد . کاربر محترم پس از رفع مشکل در صورتی که خودتون حلال مشکل بودین با ذکر علت حل مشکل از منو سمت چپ بالا تاپیک رو حل شده قرار بدین و در صورتی که با راهنمایی شخص ناظر یا سایر اعضا مشکل حل شد نیازی به توضیح مجدد نیست و صرفا با قرار دادن تاپیک در حالت حل شده مشکل حل شده محسوب میشه و برای تشکر نیازی به ارسال پست جدید نیست کافیه روی دکمه تشکر کلیک بشه
کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
techno
حل‌شده
