• اطلاعیه ها

    • Saeed Fard

      سیاره وردپرس ایران   15/10/95

      سایت‌های زیادی در ایران و سرتاسر وب در زمینه گسترش وردپرس تلاش دارند و نوشته‌های آموزشی منتشر می‌کنند. اما ضرورت یک منبع خوب و ارزشمند برای جمع‌آوری بهترین‌های وب ایران و دنیا باعث ایجاد سیاره وردپرس شد تا دنبال کنندگان این موضوع به صورت یکجا و آسان بتوانند به این نوشته‌ها دسترسی داشته باشند.     در سیاره وردپرس این بستر فراهم شده است که آدرس وب‌سایت‌های مربوطه ثبت و برای این سرویس ارسال شود، آخرین نوشته‌های مفید وب‌سایت‌ها در سیاره وردپرس و نیز در بخش اخبار وردپرس پیشخوان سایت‌های وردپرسی از طریق افزونه‌ی Parsi Date نمایش داده می‌شود. همینطور کاربران از طریق عضویت در خبرنامه ایمیلی سیاره وردپرس می‌توانند به صورت دوره‌ای بهترین و جدیدترین نوشته‌های وردپرسی را که توسط اعضای تحریریه و همکاران سیاره وردپرس بررسی و تایید می‌شود را در ایمیل خود دریافت کنند.   امکانات سیاره وردپرس امکان ثبت آدرس سایت‌هایی که نوشته‌های مفید در زمینه وردپرس دارند. نمایش نوشته‌های وردپرس سایت‌ها در سیاره وردپرس نمایش نوشته‌های وردپرس در پیشخوان سایت‌های وردپرس فارسی توسط ویجت اخبار پلاگین Parsi Date و ... امکان ثبت ایمیل کاربران علاقه‌مند جهت دریافت مطالب محبوب و ویژه در خبرنامه دوره‌ای سیاره توسط اعضای تحریریه و ... جهت ثبت سایت وردپرسی یا ایمیل خود به سایت سیاره وردپرس مراجعه کنید   تاپیک پیشنهادات و همکاری در سیاره وردپرس : http://wpu.ir/qlhy5  
1tarah

سوال در مورد css

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

سلام

من میخوام ستون های سایتم رو مطابق با ستون وسط سایت که ثابت نیست و بسته به میزان نوشته و پست heightش مشخص نیست یکی بشه.

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

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

قبلا ممنون.

up2eak3o8658qiqs51f.jpg

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


لینک به پست

میتونید خاصیت height رو به صورت درصد بدین به این شکل:

.test{
height:90%;
}

البته اگه میخواین قابل تغییر باشه.

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

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

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


لینک به پست

راه که زیاد داره این سه راه به عنوان نمونه

اول با جی کوئری :

header.php


<script src="http://code.jquery.com/jquery-latest.js"></script>

style.css


.sidebars {
width:250px;
margin:0px 10px;
padding:5px;
background:#0099CC
}
#sidebar1 {
float:left;
}
#sidebar2 {
float:right;
}
#content {
background:#FF6600;
margin:10px 285px 10px;;
padding:5px;
}

و در index.php,single.php , page.php, archives.php (هرجا سایدبار داره


<div id="sidebar1" class="sidebars">
ستون کناری1
</div>
<div id="sidebar2" class="sidebars">
ستون کناری2
</div>
<div id="content">
حلقه مطالب
</div>

jquery:


<script type="text/javascript">
$(document).ready(function () {
var height = $("#content").height();
$(".sidebars").height(height);
});
</script>

روش دوم با css

در style.cc


#page {
height:auto;
position:relative;
}
.sidebars {
width:250px;
position:absolute;
bottom:0px;
top:0px;
zoom:1;
background:#0099FF;
}
#content {
background:#FF6600;
margin:10px 300px;
}
.sidebars#sidebar1 {
right:10px;
}
.sidebars#sidebar2 {
left:10px;
}

ساختار صفحات


<div id="page">
<div id="sidebar1" class="sidebars">
ستون کناری1
</div>
<div id="sidebar2" class="sidebars">
ستون کناری2
</div>
<div id="content">
حلقه مطالب
</div>
</div>

روش سوم table


<table cellpadding="10" cellspacing="0" style="width: 100%;direction: rtl">
<tr>
<td style="background:maroon">ستون کناری 1</td>
<td style="background:#009933;width:60%">حلقه مطالب</td>
<td style="background:orange">ستون کناری2</td>
</tr>
</table>

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


لینک به پست

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

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

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


لینک به پست

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

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

دوست عزیز کار آقا ایمان حرف نداره شما یکم دقت کن مشکلت حل میشه.

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


لینک به پست
دوست عزیز کار آقا ایمان حرف نداره شما یکم دقت کن مشکلت حل میشه.

ما چاکر آقا ایمانم هستیم

از پست جامعی که زدن مشخصه. در ضمن من ایشون رو میشناسم ;)

چشم. ما دقت میکنیم

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

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


لینک به پست

دوراه پیدا کردم :

اولی :


.container {
overflow: hidden;
}
.column1 {
float: left;
margin: 20px;
background-color: grey;
padding-bottom: 1000px;
margin-bottom: -1000px;
}
.column2 {
float: left;
margin: 20px;
background-color: grey;
padding-bottom: 1000px;
margin-bottom: -1000px;
}
.column3 {
float: left;
margin: 20px;
background-color: grey;
padding-bottom: 1000px;
margin-bottom: -1000px;
}

...


<div class="container">
<div class="column1">
column1
</div>
<div class="column2">
column2<br/>
column2<br/>
column2<br/>
column2
</div>
<div class="column3">
column3
</div>
</div>

راه دوم :


#col1 {
float:left;
width:26%;
position:relative;
left:72%;
overflow:hidden;
background-color:#ccc;
margin:10px;
}
#col2 {
float:left;
width:36%;
position:relative;
left:76%;
overflow:hidden;
background-color:#ccc;
margin:10px;
}
#col3 {
float:left;
width:26%;
position:relative;
left:80%;
overflow:hidden;
background-color:#ccc;
margin:10px;
}

....


<div id="col1">Column 1<br />Column 1<br />
Column 1<br />
Column 1<br />
Column 1<br />
</div>
<div id="col2">Column 2</div>
<div id="col3">Column 3</div>
</body>

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


لینک به پست

روش اول شما که اشتباهه چون اگر سایدبار بزرگتر از حلقه ها بشه مخفی می شه و کلا تا 1000 پیکسل هم بیشتر پیش بینی نشده

روش دوم هم ربطی به ارتفاع نداشت شما با روش درصدی که اشکان عزیز فرمودند پهنا را تعریف کردید نه ارتفاع را

نمونه روش اولی که عرض شد:

http://jsfiddle.net/qkXet/

همان نمونه در حالت عادی

http://jsfiddle.net/qkXet/1

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


لینک به پست

اینجا نگاه بر اینه که قالب بسته است ولی اگر قرار باشه از بیس نوشته شه طبیعی ترین راهش table است ضمن اینکه اول هم عرض شد راه زیاده

http://jsfiddle.net/ZKbHE/1/

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


لینک به پست

درسته

ولی خب table استاندارد نیست.

ممنون آقا ایمان از وقتی که گذاشتید.

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


لینک به پست

ولی خب table استاندارد نیست.

table کاملا استاندارده

چه کسی گفته استاندارد نیست؟!!

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط mehr-cs
      سلام
      منمیخوام یه قسمت تحت عنوان تاریخچه داشته باشم به این صورت که، تو یک باکس کوچیک تمامی حروف الفبا رو داشته باشم و لوگوی کل تاریخچه ی برند هام تو صفحه باشه و کاربر بعد از کلیک کردن روی هر کدوم از حروف الفبا، کلیه تاریخچه هایی که با اون حرف شروع میشه رو ببینه !
      دوستان راهنمایی میکنن ؟
    • توسط mihanpsd
      سلام میخوام وقتی موس به سمت محصولات حرکت داده میشه ، عکس hover محصول نمایش داده نشه و حرکت نکنه . همون عکس بصورت ثابت باقی بمونه .
      ممنون میشم راهنمایی کنید .
      http://mashinno.com 
       
    • توسط hosseinrasouli
      سلام به مهندسین.
      من میخواهم منو چند ستونه داشته باشم  و اینکارو با تغییر فایل style.css خود قالب انجام بدم.  (نمی خواهم از افزونه های مگامنو استفاده کنم)
      تغییراتی رو در style.css قالب انجام دادم ولی عملی نشد .
      فایل style.css و تصویر منو سایت پیوست است . ( خواهشمند است دوستان برنامه نویس راهنمایی کنند) style.css

    • توسط loveali
      با سلام
      می خواستم قالب زیر رو که psd هست 
      قسمتی که در عکس مشخصه به html تبدیل کنم ولی یم مشکلی هست
      از من خواسته شده تا در خط اول مثل عکس کاربر فقط بتونه یه تعداد خاصی کلمه وارد کنه و در خط دوم هم یه تعداد خاص دیگه 
      و کل این دوخط داخل یه div قرار داره 
      ممنون میشم اگر کسی بتونه کمک کنه
      عکس پیوست شده

    • توسط ehsan1859
      سلام خدمت سروران گرامی
      من یک برگه با ویژوال کامپوزر ساختم: http://mehrdadkhaji.ir/home/pagett
      حالا میخام این برگه رو بعنوان سایدبار استفاده کنم تا در کنار همه صفحاتم دیده بشن. از ویجت هایی مثل insert page هم استفاده کردم، اما محتویات اون به شکل مقابل نشون داده میشه: http://mehrdadkhaji.ir/home/11590-2
      حدس میزنم مشکل از همراه نبودن استایل ها باشه اما نمیدونم چیکار کنم. هزارتا راه حلو هم رفتم ولی نتونستم این مشکل رو حل کنم. کسی راه حل داره برای این مشکل؟ ممنون و دعاگو میشم. حتی اگه لازمه در قبال یاد دادن روش حل این مشکل هزینه ناقابلی هم تقدیم می کنم.