دو ساید باره کردن سایت

amin704

کاربر عضو
سلام

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

ولي حالا سايت من اين شکلي در اومده.............

d778_Capture.jpg


اون دوتا که پايينه سايد باره مثلا . ميخوام اونا برن چپ و راست و پست ها و مطالب سايت بيان وسط بايد چي کار کنم؟؟ فقط کمک کنيد که خيل زود به کمک احتياج دارم.............

 

Mohammad

مدیر انجمن
پرسنل مدیریت
باید float بدی.

قالب رو روی یک جا بیار بالا. بتونیم کمک کنیم

 

amin704

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

 

Mohammad

مدیر انجمن
پرسنل مدیریت
ساید بار راست رو float:right کنید. ساید بار چپ رو float: left کنید

قسمت وسط رو float: right کنید.

 

amin704

کاربر عضو
از قسمت استایل باید اینکارو بکنم؟؟

اگه اره خب چطوری ؟ چون من یدونه سایدبار توی استایل دارم .... چطوری دو تاش کنم؟؟

و از کدوم قسمت قسمت وسط رو درست کنم؟؟

ببخشید دیگه اطلاعتم کمه..............

 

Mohammad

مدیر انجمن
پرسنل مدیریت
قالب رو ارسال کن بررسی می کنم

 

amin704

کاربر عضو
اقا دمتون گرم

اینم قالب ما



 

amin704

کاربر عضو
اقا یکی رسیدگی کنه..............

عجله دارم خیلی............... خلاصه دمتون گرم

 
آخرین ویرایش توسط مدیر:

mahdiali35

کاربر عضو
درود

کار ساده ای هست یه مثال میزنم براتون متوجه میشید... این کد کوچیک رو دقت کنید :

<div>
right
</div>
<div>
center
</div>
<div>
left
</div>​
کد:
این کد رو اگه استفاده کنید همه چی پشت سر هم میاد... مثل همون چیزی که الان هست !

اما اگه اینجوری استفاده کنید :

<div style="float:right">
right
</div>
<div>
center
</div>
<div>
left
</div>​
کد:
قسمت right میاد سمت راست یعنی از سمت راست آغاز میشه و اگه قسمت center استایل float اون رو right قرار بدید اونم میاد سمت راست و میچسبه کنار right و همین طور میتونید بی نهایت div تعریف کنید که کنار هم باشند !

مثلا این کد رو اگه تست کنید میشه اون چیزی که میخاید :

<div style="float:right; width:250px;text-align:center;">
right
</div>
<div style="float:right; text-align:center; width:500px;">
center
</div>
<div style="float:left; text-align:center; width:250px;">
left
</div>​
کد:
برای وضوح بیشتر از text-align استفاده کردم...همینجوری هم داخل قالب وردپرس میتونید استفاده کنید .

شاد باشید.

 

amin704

کاربر عضو
سلام

اقا ممنون از راهنماییات

الان چنتا سوال دارم :

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

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

 

mahdiali35

کاربر عضو
درود...

این کد رو به صوت نمونه قرار دادم تا با float آشنا بشید و از اون به درستی تو قالبتون استفاده کنید !

باید داخل body قرار بگیرند ... هر کجا که میخاید استفاده کنید میتونید قرار بدید فایل index - single یا سایر فایل ها ..

شاد باشید ... !!!

 

amin704

کاربر عضو
ممنون

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

راستی قالبی سراغ دارین که دو ساید باره باشه؟؟ من توی نت گشتم ولی چیز بدرد بخوری پیدا نکردم........

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

ممنون خیلی زیاد

 

Mohammad

مدیر انجمن
پرسنل مدیریت
شما باید ساید بار رو درون div های زیر بزار (مثلا)


کد:
<div id="rightside">
ساید بار راست
</div>

<div id="contents">
وسط
</div>

<div id="leftside">
ساید بار چپ
</div>
حالا درون css باید float بدید.


کد:
rightside{float:right;}
contents{float:right;}
leftside{float:left;}
نکته: عرض برای هر کدوم رو باید بدید. تا کنار هم بیاد و نرن زیر هم دیگه..

 

amin704

کاربر عضو
ممنون..ولی من همه اینکار هارو کردم و درست نشد........... شما قالبی میشناسید که دو ساید باره باشه؟؟ منظورم قالب رایگانه

 

amin704

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

میشه از اول بگید چه طوری میشه دو ساید بار درست کرد؟؟

فرضو بر این بزارید که تا حالا هیچ ساید باری درست نشده.........

شرمنده

بازم ممنون

 

mahdiali35

کاربر عضو
ممنون..ولی من همه اینکار هارو کردم و درست نشد........... شما قالبی میشناسید که دو ساید باره باشه؟؟ منظورم قالب رایگانه
عزیز مشکلی در مورد کدها نیست شما اگه به درستی استفاده کنید مشکلی نخواهید داشت !

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



شاد باشید...

 

amin704

کاربر عضو
عزیز مشکلی در مورد کدها نیست شما اگه به درستی استفاده کنید مشکلی نخواهید داشت !از قالبت بکاپ بگیر بعدش دو تا فایل زیر رو بریز تو پوشه ی قالبت... به صورت نمونه میبینی که سه ستونه میشه قالب اما اون جوری که خودت میخای باید تغییرات بدی توش ... ایرادات کوپیک داره فقط برای اینکه متوجه بشی چطور باید استفاده کنی...



شاد باشید...
اقا ممنون تقریبا گرفتم چی به چیه دمت گرم

ولی فکر کنم فایل های funcation و side bar هم مشکل دارن چون دستکاریشون کردم............. اگه میشه اونا هم باسه دانلود بزارید......

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

ممنون میشم اینم رسیدگی کنید...............

 

mahdiali35

کاربر عضو
از همون لینک دانلودی که گذاشتید من دانلود کردم !

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

فایلی که من برا تست گذاشتم...میگم شاید مشکلاتی داشته باشه مثل fit نبودن با رزولیشن های مختلف یا ... !!!

فقط برای تست بود ...

 
بالا