jafar1374

ایجاد divهای پشت هم در ایندکس قالب

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

سلام

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

مثل این عکس :

post-2192-0-22240700-1378014176_thumb.jp

ممنون

0

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


لینک به پست

سلام من اول كار كه طراحي شرو ع كردم همين مشكل داشتم !‌

با flaot دادن و margin دادن ميشه اين كارو كرد !‌

شما يك كلاس درست كنيد نه چند تا ! و هي همون ديگه كپي و پيست كنيد !‌ واسه نمونه هم اين مينويسم !‌


.class{
flaot:left;
margin-left:10px;
width : ? px;
height: ? px;
border: 2px;
}

اين تعريفش توي css هست فقط كافيه توي html همين كلاس رو 3 بار تكرار كنيد تا 3 تا پشت هم داشته باشين

فقط اندازه هارو طوري تعيين كنيد كه در هر سطر 3 تا جعبه قرار بگيره . و وقتي 4 بار كپي كردي خودش ميره خط پايين !‌

ویرایش شده در توسط RedPlus
4

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


لینک به پست

سلام من اول كار كه طراحي شرو ع كردم همين مشكل داشتم !‌

با flaot دادن و margin دادن ميشه اين كارو كرد !‌

شما يك كلاس درست كنيد نه چند تا ! و هي همون ديگه كپي و پيست كنيد !‌ واسه نمونه هم اين مينويسم !‌


.class{
flaot:left;
margin-left:10px;
width : ? px;
height: ? px;
border: 2px;
}

اين تعريفش توي css هست فقط كافيه توي html همين كلاس رو 3 بار تكرار كنيد تا 3 تا پشت هم داشته باشين

فقط اندازه هارو طوري تعيين كنيد كه در هر سطر 3 تا جعبه قرار بگيره . و وقتي 4 بار كپي كردي خودش ميره خط پايين !‌

خیلی جالب بود و ساده - خیلی ممنونم

0

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


لینک به پست

یه مشکلی پیش میاد بعد از ایجاد چند تا دیو یکیشون بینشون فاصله می افته

post-2192-0-28537500-1378110853_thumb.jp

0

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


لینک به پست

كد css & html قرار بده تا مشكلش رو بفهمم از روي عكس نميشه !‌

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

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


لینک به پست

فلوت لفت یا رایت می زنم ینی هر دو رو هم ک تست می کنم اینجوری میشه


<?php get_header(); ?>
<style type="text/css">
#contencatog {
background: #FFF;
border: solid 1px #999;
float: left;
height: auto;
width: 963px;
margin-bottom: 10px;
}
.allcontent {
float: right;
width: 460px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
.allcontenttit {
background-color: #FC9;
height: 30px;
width: 460px;
}
.allcontentcon {
width: 460px;
}
</style>
<div id="main">
<div id="contencatog">

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontenttit" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
Content for class "allcontentcon" Goes Here
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
Content for class "allcontenttit" Goes Here
</div>
<div class="allcontentcon">
Content for class "allcontentcon" Goes Here
</div>
</div>

</div>
</div>
<?php get_footer(); ?>

0

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


لینک به پست

سلام من الان اين گذاشتم كد خودتون هم هست درست نشون ميداد !‌

post-3159-0-20543200-1378140294_thumb.pn


<style type="text/css">
#contencatog {
background: #FFF;
border: solid 1px #999;
float: left;
height: auto;
width: 963px;
margin-bottom: 10px;
}
.allcontent {
float: right;
width: 460px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
.allcontenttit {
background-color: #FC9;
height: 30px;
width: 460px;
}
.allcontentcon {
width: 460px;
}
</style>
<div id="main">
<div id="contencatog">

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

<div class="allcontent">
<div class="allcontenttit">
</div>
<div class="allcontentcon">
</div>
</div>

</div>
</div>

احتمالا كد php باش اين كارو كرده !‌مگر نه از نظر استايل دهي مشكلي نيست !‌

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

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


لینک به پست

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

post-2192-0-96387200-1378144222_thumb.jp

مرسی

0

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


لینک به پست

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

post-2192-0-96387200-1378144222_thumb.jp

مرسی

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

3

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


لینک به پست

در مورد حرف اشکان جان یه نکته رو هم من بگم که به نظرم اگه اتوماتیک نکنه و یه height ثابت بهشون بده دیگه این مشکل پیش نمیاد

2

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


لینک به پست

با تشكر از دوستان به خطر پاسخگو بودنشون :wub:

اما اگر چپ راست هم كنه بازم همينطور ميشه !‌ اما اون دوست عزيزمون درست گفتن كه ي ارتفاع ثابت بدي بهشون يا اين كه از max-height يا min-height دادن استفاده كني !‌ولي همون ثابت بدي بهتر هست !‌

2

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


لینک به پست

ممنون و سپاس از توجه و کمک همه دوستان

خب من نمی خام ارتفاع ثابت باشه چون ممکنه گاهی وقتا پیش بیاد که مجبور بشیم محتوای ی باکس بیشتر یا کنتر باشه و این کارو خراب می کنه

با آرشیو توری هم نشد

از راهنمایی اشکان استفاده کردم و ی سری به سایت دانلود خارجی که این کارو کرده بود زدم و دیدم که برای س ردیف از سه تا باکس جدا استفاده کرد و حالا داخل اون باکس های دیگه رو درسته کرده

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

عکس رو ببینید ...

post-2192-0-06364900-1378197763_thumb.pn

0

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


لینک به پست

با تشكر از دوستان به خطر پاسخگو بودنشون :wub:

اما اگر چپ راست هم كنه بازم همينطور ميشه !‌ اما اون دوست عزيزمون درست گفتن كه ي ارتفاع ثابت بدي بهشون يا اين كه از max-height يا min-height دادن استفاده كني !‌ولي همون ثابت بدي بهتر هست !‌

آقا RedPlus با تشکر از شما، منظور دو باکس جدا از هم هستش نه اینکه float یا text-align بدیم.

ارتفاع ثابت هم به قول آقا جعفر که گفتن نمیشه استفاده کرد چون محتوا فرق داره همیشه.

ممنون و سپاس از توجه و کمک همه دوستان

خب من نمی خام ارتفاع ثابت باشه چون ممکنه گاهی وقتا پیش بیاد که مجبور بشیم محتوای ی باکس بیشتر یا کنتر باشه و این کارو خراب می کنه

با آرشیو توری هم نشد

از راهنمایی اشکان استفاده کردم و ی سری به سایت دانلود خارجی که این کارو کرده بود زدم و دیدم که برای س ردیف از سه تا باکس جدا استفاده کرد و حالا داخل اون باکس های دیگه رو درسته کرده

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

عکس رو ببینید ...

post-2192-0-06364900-1378197763_thumb.pn

الان دیگه مشکل حل شده و مشکلی نیست.

2

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


لینک به پست

آقا RedPlus با تشکر از شما، منظور دو باکس جدا از هم هستش نه اینکه float یا text-align بدیم.

ارتفاع ثابت هم به قول آقا جعفر که گفتن نمیشه استفاده کرد چون محتوا فرق داره همیشه.

الان دیگه مشکل حل شده و مشکلی نیست.

بله - ممنون - فعلا مشکلی نیست در حال طراحی css هستم اگه مشکلی بود مزاحم میشم

0

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


لینک به پست

اهووم پس من اشتباه متوجه شده بودم فك كردم به فرض اگه يك رديف ارتفاع يكي از باكس ها 200 بود اون يكي هم اگه مطلبش كمتره 200 بشه

و همين طور در رديف هاي ديگه !‌اين طور كه الان هست فقط توي ي ستون هستن توي يك رديف قرار نميگيرن !‌ به هر حال مشكل براي دوستمون حل شده !‌

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط sydvza
      باسلام ببخشید من کلیدواژه دکه را انتخاب کردم ولی در سرچ گوگل کلمه دکه وارد میکنم حتی جز 10 صفحه هم نیستم
      https://dackeh.com
    • توسط MajidRB
      سلام وقتتون بخیر.
      دوستان قالب placid رو به صورت های مختلف دانلود و نصب کردم ( هم از سایت های فارسی و قالب فارسی شده هم از منابع خود وردپرس)
      چه به شکل فارسی چه به شکل انگلیسی پست ها رو اونطوری که در پیش نمایش قالب نشان داده شده ، در صفحه اصلی نشان نمیده !
      عکس ها رو درج میکنم
      هیچ تنظیماتی نمانده که من دستکاری نکرده باشم
      فکر کنم باید چند خط کد کم یا زیاد بشه ( که بلد نیستم ! )
      خیلی ممنون میشم راهنمایی کنید
       


    • توسط nnmmss
      با سلام
       
      من اصلا وردپرس بلد نيستم ولي مجبورم كه سايتي را نگهداري كنم. در اين سايت وقتي وارد بعضي صفحات ميشوم عبارت "دسته" به انتهاي عنوان اضافه شده.  اين صفحات بعنوان "دسته" در فهرست انتخاب شده اند. مثلا
      من در منو مورد 
      آرشيو   
      را دارم كه زير مجموعه آن 
      آرشيو سال 97
      آرشيو سال 96
      آرشيو سال 95
      هست.
       
      من "آرشيو" بعنوان برگه انتخاب شده و آرشيو سال 97 - 96 - 95 به صورت دسته انتخاب شده است. وقتي من روي هر كدام از آرشيو سال 97 يا 96 يا ..... ميروم عنوان صفحه به صورت زير است
      آرشیو سال 97دسته
      اين عبارت دسته از كجا ميايد؟ و من چگونه ميتوانم آنرا حذف كنم؟
      با تشكر
    • توسط amirmehdi950
      سلام روزتون بخیر
      من میخوام از افزونه ultimate member private message استفاده کنم اما یه چیزی کم داره.
      میخوام دکمه پیوست هم داشته باشه.
      (این افزونه همونطوری که از اسمش پیداست برای ارسال پیام خصوصی بین کاربرا ساخته شده، افزونه private message به تنهایی کار نمیکنه و باید ultimate member هم نصب باشه که افزونه بسیار خوبیه.)
      حالا من سوالی که دارم اینه که چطوری میشه این دکمه رو هم به قسمت چت اضافه کرد و از کجا باید کدهاشو ویرایش کرد
      این هم تصویر افزونه ( محل جایگذاریش میخوام کنار بخش emoji باشه)
       

      ممنونم
    • توسط amirmehdi950
      سلام دوستان اگه جوابم رو بدید ممنون میشم.
      من یک افزونه ای میخوام (مثل مناقصه) که افراد بتونن با ثبت نام در سایت، پروژه شون رو ثبت و افراد دیگه بتونن روی اون پیشنهاد قیمت بدن و درصورت تایید ثبت کننده پروژه، پروژه خودکار تایید و شروع بشه و مجری بتونه با تعیین حق دستمزد پولش رو قبل از دریافت فایل توسط ثبت کننده پروژه ، دریافت کنه.
      منتها زمانی که ثبت کننده پول رو پرداخت میکنه خودکار یه درصدی کم شه(حق سایت) و بقیش به حساب مجری (حساب اعتباریش که تو سایته) ریخته بشه.
      مشابه این کار در چند سایت هست که میتونید مشاهده کنید:
      http://typeiran.com/
      http://tarahiran.com/
      https://parscoders.com
      این هم یک نمونه از چیزی که میگم: https://parscoders.com/project/54921/درخواست-قالب-آماده-وردپرس-برای-ثبت-سفارش-انجام-پروژه البته منظور چیزی که ثبت کردن ، تحت عنوان قالب وردپرس... نیست، منظورم نحوه عملکرد سایت هست.