رفتن به مطلب

مشکل در اضافه کردن باکس جدید


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

با سلام خدمت همه ی دوستان عزیز

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

در قسمت پانوشت سایتم یک باکس با عرض 430 و با ارتفاع 200 پیکسل دارم، میخواستم مثل همون ستون کنارش هم ایجاد کنم... یعنی یکی سمت راست و یکی سمت چپ با دو تیتر متفاوت.

لطفا راهنماییم کنید چطوری میتونم این کار رو انجام بدم؟ من قسمتی از style.css رو که مربوط به برنامه ی این قسمت هست بعلاوه ی fooer.php مربوط به ای باکس رو میذارم، همچنین عکسی از صفحه ی سایت وقتی این برنامه رو وارد میکنم.

من خودم خیلی کارا کردم ولی نهایتش دو باکس رفتن زیر هم نه کنار هم لطفا کمک کنید : :(

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

#box4news-tarahanenovin {

width:430px;

height:150px;

background:#000;

float:right;

margin-right:10px;

margin-left:10px;

margin-bottom:10px;

background-color:#e6e4c4;

border:#b0ab7c 1px solid;

border-radius:5px;

}

#title-tarahanenovin {

background:url(http://ansaralhosein.com/wp-content/uploads/2013/01/boxbg.gif) no-repeat;

width:200px;

height:30px;

padding-top:3px;

text-align:center;

margin:8px auto;

}

.titr-news{

margin-top:7px;

width:225px;

font-size:11px;

font-weight:normal;

text-shadow:0 0 0.2em #e6e4c4, 0 0 0.2em #e6e4c4, 0 0 0.2em #e6e4c4;

}

#class-3 {

width:auto;

height:50px;

margin-bottom:5px;

}

#thumb {

width:50px;

height:50px;

margin-top:5px;

float:right;

}

#the_title {

margin-right:55px;

font-size:16px;

width:auto;

height:auto;

padding-top:1px;

text-align:right;

text-shadow:0 0 0.2em #e6e4c4, 0 0 0.2em #e6e4c4, 0 0 0.2em #e6e4c4;

}

#content-tarahanenovin {float:right; width:330px; height:auto;}

.the_title {

overflow: hidden;

-webkit-transition: All 0.5s ease;

-moz-transition: All 0.5s ease;

-o-transition: All 0.5s ease;

-ms-transition: All 0.5s ease;

transition: All 0.5s ease;

}

.the_title:hover {background:#b0ab7c; padding:2px; border-radius:8px; color:#000}

فوتر مربوط به این قسمت:


<!-- Start Change -->
<div id="box4news-tarahanenovin">
<div id="title-tarahanenovin"><h3 class="titr-news"id="center">دانلودآخرین مراسم هـیـتـــ</h3></div>
<marquee onmouseover="this.stop()" onmouseout="this.start()" style="margin-right:5px;" direction="up" width="780" height="140"scrollamount="1" behavior="scroll">
<?php $my_query = new WP_Query("category_name=music-movie/download-end");
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;
?>
<div id="class-3">
<div id="thumb"><?php
if(has_post_thumbnail()) {
echo '<a href="'.get_permalink().'">';
echo get_the_post_thumbnail($post->ID, array(50,50) );
echo '</a>';
} ?></div>
<div id="the_title"><a href="<?php the_permalink(); ?>" class="the_title" style="color:#666;">
<?php the_title(); ?></a></div>
</div>
<?php endwhile; ?>
</marquee>
</div>
<!-- End Change -->
<div id="footerbox">

عکس سایت:

http://upload.tehran...ezwfstb29bl.jpg

http://upload.tehran...sa3o2j9cbzt.jpg

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

چشم

بفرمایید:

www.ansaralhosein.com

فقط وقتی وارد شدید یک بار روی صفحه ی اصلی بزنید و دوباره وارد بشید.

البته الآن این باکس رو برداشتم،چون زیبا نبود مثل عکس زیر. میخوام اول یکی کنارش بذارم بعدش قالب رو عوض میکنم

http://upload.tehran...sa3o2j9cbzt.jpg

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

شما کدهای همون باکس رو کپی کنید و بزارید کنارش.

با اینکار باکس دوم هم ایجاد میشه.

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

لینک به ارسال

سلام

من تا حالا با float توی php کارنکردم، یعنی قبل باکس دوم مثلا بذارم

float:left;

چون داخل style.css مربوط به این باکس نوشته: float:raight.

لطفا بیشتر توضیح بدید، بابا بالای آواتارم نوشته تازه کار، با تازه کارها ابتدایی تر صحبت کنید. تا ناامید نشن. ممنون

???????????

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

آقای پارسا ممنون. لطفا متن سوال رو کامل بخونید بعد جواب بدین.

من کاری رو که این پست گفته بود انجام داده بودم ولی نشد،

من هم فایل استایل این باکس و هم فایل فوتر مربوط به باکس رو گذاشتم، لطفا بخونیدشون. بفرمایید کجا بذارم این کد رو :

<div style='clear:both'></div>

فکر نمیکنم این کاری که من میخوام انجام بدم واسه ی شما که کنار اسمتون نوشته "سطح برنامه نویسی : حرفه ای" کار سختی باشه.

من خودم الکترونیک خوندم، یه سری به انجمنهای الکترونیک بزنین چقدر خوب همدیگرو راهنمایی میکنن.

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

لینک به ارسال

این کد را دو بار تکرار کنید:


<div id="box4news-tarahanenovin">
<div id="title-tarahanenovin"><h3 class="titr-news"id="center">دانلودآخرین مراسم هـیـتـــ</h3></div>
<marquee onmouseover="this.stop()" onmouseout="this.start()" style="margin-right:5px;" direction="up" width="780" height="140"scrollamount="1" behavior="scroll">
<?php $my_query = new WP_Query("category_name=music-movie/download-end");
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;
?>
<div id="class-3">
<div id="thumb"><?php
if(has_post_thumbnail()) {
echo '<a href="'.get_permalink().'">';
echo get_the_post_thumbnail($post->ID, array(50,50) );
echo '</a>';
} ?></div>
<div id="the_title"><a href="<?php the_permalink(); ?>" class="the_title" style="color:#666;">
<?php the_title(); ?></a></div>
</div>
<?php endwhile; ?>
</marquee>
</div>

خط 539 فایل استایل > width را برابر 528px قرار دهید

لینک به ارسال

آقا ولش کنید ، اصلا بیخیال بشید.

از همگی ممنونم.

موفق و پیروز باشیییییید!

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

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

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

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

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

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

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

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

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

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