Haftir

درخواست آموزش یا ساخت چنین ستونی

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

سلام دوستان وردپرسی / کم کم دارم عاشق وردپرس میشم :)

از دوستان حرفه ای درخواست ساخت چنین ستونی رو داشتم ، میخوام با طرز ساخت و کدهای CSS استفاده شده برای این قالب بندی آشنا بشم.

ممنون

post-927-0-91783700-1353577398_thumb.png

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


لینک به پست

سلام

این ستون هدرش میتونه عکس یا کد css باشه . متن هاش هم با تگ <ul> , <li> نوشته شده . زیر هر متن هم میتونه یه تگ hr تکرار شه یا تو css به پایینش یه border بدید . تموم شد ! :)

ویرایش شده در توسط f.gh1372

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


لینک به پست

والا هنوز نگفتی میخوای تو چه سیستمی استفاده کنی؟

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


لینک به پست

سلام

این ستون هدرش میتونه عکس یا کد css باشه . متن هاش هم با تگ <ul> , <li> نوشته شده . زیر هر متن هم میتونه یه تگ hr تکرار شه یا تو css به پایینش یه border بدید . تموم شد ! :)

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

والا هنوز نگفتی میخوای تو چه سیستمی استفاده کنی؟

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

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


لینک به پست

دادش من وقت کنم کارای خودم رو انجام بدم خیلیه ! بنویس تا یاد بگیری :rolleyes:

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


لینک به پست

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

اول اینکه شما باید چند خط بنویسی چون این عکس که نشون دادی مطالب به صورت اتوماتیک با کد php می گیره

کد html و css این مورد به این صورت

اول HTML


<div class="har_esmi ke dos dari bezar">
<ul>
<li></li>

</div>

حالا باید بین اون دو تا li کد php قرار بدی کد زیر


<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>

کد اچ تی ام با php در کل میشه کد زیر یعنی کد نهایی کد زیر هستش


<?php query_posts('showposts=10&cat=4,1'); ?>
<?php while (have_posts()) : the_post(); ?>
<ul><li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li></ul>
<?php endwhile; ?>

در این کد 10 تا موضوع از دسته های 1 و 4 نشون داده میشه اخرین موضوع های دسته اهای 1 و 4

حالا باید با Css محل قرارگیری و ... ویرایش کنی

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

تا اینجاشم فکر نکنم دونسته باشی چی نوشتم

تو می خوای سال اول دبستان ریاضی کلاس پنجم حل کنی معلم هی بیاد بگه یاد نمی گیری چون ضرب و تقسیم جمع ... بلد نیستی

ویرایش شده در توسط armin_

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


لینک به پست

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

اول اینکه شما باید چند خط بنویسی چون این عکس که نشون دادی مطالب به صورت اتوماتیک با کد php می گیره

کد html و css این مورد به این صورت

اول HTML


<div class="har_esmi ke dos dari bezar">
<ul>
<li></li>

</div>

حالا باید بین اون دو تا li کد php قرار بدی کد زیر


<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>

کد اچ تی ام با php در کل میشه کد زیر یعنی کد نهایی کد زیر هستش


<?php query_posts('showposts=10&cat=4,1'); ?>
<?php while (have_posts()) : the_post(); ?>
<ul><li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li></ul>
<?php endwhile; ?>

در این کد 10 تا موضوع از دسته های 1 و 4 نشون داده میشه اخرین موضوع های دسته اهای 1 و 4

حالا باید با Css محل قرارگیری و ... ویرایش کنی

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

تا اینجاشم فکر نکنم دونسته باشی چی نوشتم

تو می خوای سال اول دبستان ریاضی کلاس پنجم حل کنی معلم هی بیاد بگه یاد نمی گیری چون ضرب و تقسیم جمع ... بلد نیستی

ممنون امین جان

بابا اونقدرام شوت نیستم . :D

خط های زیر تیترها رو تو CSS چطور تعریف کنم که بعد از هر تیتر این خط تکرار بشه یعنی کدش چیه ؟

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


لینک به پست

border-bottom

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


لینک به پست

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

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

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

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


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

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

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


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