رفتن به مطلب

تبدیل عکس هدر بلوکها (ساید بار) به متن


پست های پیشنهاد شده

سلام دوستان ، خسته نباشید ، حقیقتش قالب سایت من جوری هستش که تمام سایدبارها ، هدرهاشون یا همون تایتل ساید بار به صورت عکسه ، حالا میخواستم تایتل هر سایدبار رو به صورت متن بنویسم ، چه کار باید کنم ؟

لینک به ارسال

سلام دوستان ، خسته نباشید ، حقیقتش قالب سایت من جوری هستش که تمام سایدبارها ، هدرهاشون یا همون تایتل ساید بار به صورت عکسه ، حالا میخواستم تایتل هر سایدبار رو به صورت متن بنویسم ، چه کار باید کنم ؟

سلام

اون دامنشون فی؟تر بود یادشون رفت این آدرسو http://www.takwarez1.tk معرفی کنند.

برای لینک دوستان در پوستتون مثال میزنم بقیه قسمت ها هم به همین صورت تبدیل کنید.

کد زیر را پیدا کنید:


<div class="links">
<h3><span>لینک دوستان</span></h3>
<div class="sidebar-content">
<ul>
</ul>
</div>
<div class="sidebar-footer"></div>

</div>

و تغییر بدید به این شکل:



<div class="links">
<h3>لینک دوستان</h3>
<div class="sidebar-content">
<ul>
<?php wp_list_bookmark('title_li=&categorize=0'); ?>
</ul>
</div>
<div class="sidebar-footer"></div>

</div>

برای تغییر رنگ و فاصله از لبه کناری هم به کلاس links h3. در فایل style.css استایل بدید.

لینک به ارسال

دوست عزیز من این کار رو کردم اون تایتل میاد منتهی تم کلا بهم میریزه ، نمیدونم چرا!! یعنی بلوکهای سمت روبروش دیگه ظاهر نمیشن و فوتر سایت تماماَ میپره ، الان باید چه کار کنم ؟

لینک به ارسال

دوست عزیز من این کار رو کردم اون تایتل میاد منتهی تم کلا بهم میریزه ، نمیدونم چرا!! یعنی بلوکهای سمت روبروش دیگه ظاهر نمیشن و فوتر سایت تماماَ میپره ، الان باید چه کار کنم ؟

هر تغییری میتونه روی قسمت های دیگه تاثیر بذاره و باید آشنایی داشته باشید تا خودتون ویرایش کنید.

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

کدی که گفتم فقط برای کلاس links h3. (بلوک دوستان) استفاده کنید و برای (آرشیو) هم از کلاس monthly-archive h3. و الی آخر ...

لینک به ارسال

دوست عزیز من دارم ویرایش میکنم پوسته رو و تمام بلوک ها رو به صورت کد رنگ در اوردم و هیچ عکسی درش بکار نبردم و اومدم بلوکهای سمت راست رو کلا یک استایل دادم و بلوکهای سمت چپ رو یک استایل دیگه دادم ، حالا با این اوصاف دوباره همون کدهای قبلی شما رو جایگزین کنم ؟ و اگه دوباره تم بهم ریخت چه کار کنم ؟ دمت گرم ;)

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


.category-archive h4,.albumes h4,.statistics h4,.sidebar-comments h4 {
text-align: center;
position: relative;
color: #fff;
margin: -10px -5px 0 0;
padding: 12px 0;
text-shadow: 0 1px rgba(0,0,0,.8);
background: rgb(127,127,127); /* Old browsers */
background: -moz-linear-gradient(left, rgba(127,127,127,1) 0%, rgba(94,94,94,1) 50%, rgba(66,66,66,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(127,127,127,1)), color-stop(50%,rgba(94,94,94,1)), color-stop(100%,rgba(66,66,66,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(127,127,127,1) 0%,rgba(94,94,94,1) 50%,rgba(66,66,66,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(127,127,127,1) 0%,rgba(94,94,94,1) 50%,rgba(66,66,66,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(127,127,127,1) 0%,rgba(94,94,94,1) 50%,rgba(66,66,66,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(127,127,127,1) 0%,rgba(94,94,94,1) 50%,rgba(66,66,66,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f',
endColorstr='#424242',GradientType=1 ); /* IE6-9 */pe=1 ); /* IE6-9 */
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3);
box-shadow: 1px 3px 3px rgba(0,0,0,.3);

}
h4:after{
content: '';
position: absolute;
border-style: solid;
border-color: transparent;
bottom: -5px;
}

h4:after{
border-width: 0 0 5px 5px;
border-left-color: #222;
right: 0;
}
h4:before
{
content: ' ';
position: absolute;
width: 1px;
height: 0;
left: -5px;
top: 0px;
border-width: 12px 5px;
border-style: solid;
border-color: #7C7C7C #7C7C7C #7C7C7C transparent;
}

ویرایش شده توسط takwarez
لینک به ارسال

طبق چیزی که توضیح دادم عمل کنید نباید بهم بریزه چون نگفتم width و height تغییر بدید و هرچی هست از استایل خودتونه.

احتمالاً تغییراتی در کلاس right-sidebar. و left-sidebar. دادید.

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

چه خوب که درست شد. ;)

ویرایش شده توسط سعید
لینک به ارسال

به گفتگو بپیوندید

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

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...