me64

نه دانلود نمیکنه چون همین الان تو کروم، فایرفاکس و اینترنت اکسپلورر تست کردم به شکل فول سایز نمایش میده با ماژول ARI Docs Viewer تونستم فایل pdf رو نشون بدم ولی فول سایز تیست. اگه بگید چطور فول سایز بشه ممنون میشم الیته به وسیله کد زیر که خود سایتش گفته {aridoc engine="google" width="550" height="450"}documents/my_doc.doc{/aridoc}

نه. نمیخوام دانلود بشه میخوام نمایش داده بشه مثل همون لینک نمونه ای که گذاشتم

متشکرم از همه دوستان با اضافه کردت کد زیر به فایل css حل شد div.slides_control { width:100% !important; }

حذف کردم همچنان همون مشکل وجود داره height:206px; رو هم الان دادم که به صورت auto نباشه که بازم حل نشده.

این کدی است که برای این موقعیت نوشتم نمیدونم کدوم بخشش میتونه مشکل ساز باشه #mashahir{ height:auto; width:980px; border-radius:5px; background-color:#CCC; clear:both; margin-top:15px; margin-right:10px; }

بله اختصاصی است خودم نوشتم

سلام در دسته بندی اخبار برای هر بخش از خبر از ماژول گلوبال نیوز استفاده کردم مثلا برای اخبار ورزشی یک ماژول در نظر گرفتم و یک منو را به آن به شکل زیر اتصال دادم نوع آیتم منو را روی "لیست همه مجموعه ها" و انتخاب مجموعه سطح بالا را روی "ورزشی" (که یک مجموعه از قبل ایجاد شده است) ست کردم در خود ماژول گلوبال نیوز در بخش تخصیص منو گزینه "تنها در صفحات انتخاب شده" و سپس گزینه "ورزشی" را که یک منوی از قبل ایجاد شده بود را انتخاب کردم وقتی روی منوی ورزشی کلیک میکنم صفحه مربوطه (ماژول) را به درستی ظاهر میکند مشکل اینجاست که وقتی روی هر کدام از خبرها در ماژول وقتی کلیک میکنی تا به آن صفحه وارد شوم علاوه بر آن خبر این ماژول را نیز در انتهای خبر نشان میدهد چه تنظیمی باید انجام بدهم تا این مشکل رفع شود

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

سلام دو سایت زیر رو نگاه کنید در بالا سمت چپ هر دو اسلایدری برای عکس دارند که چند ویژگی دارند 1- عکسهای اسلاید همه از یک خبر نیستند. بلکه از خبرهای مورد نظر فقط یک عکس داره نشون میده 2- دارای لینک هستند که مراجعه کننده را به صفحه دارای عکس ارجاع میدهند متشکر میشوم اگر چنین اسلایدری رو بهم معرفی کنید. اگر ویژگی اول رو نداشته باشه هم مهم نیست ولی ویژگی دوم مهم هستش [ATTACH=CONFIG]7000[/ATTACH] نمونه اول نمونه دوم

با سلام ماژولهایی از جمله BT Content Slider که ماژول زیبایی هم هست بررسی کردم ولی یه ماژول میخوام واسه بالای صفحه خبریم مثل نمونه ای که در سایت زیر لینکش رو گذاشتم (در بالای صفحه سمت راست نمونه اسلاید متن مورد نظرم قرار دارد) یه چیزی که در یه سمت خبر باشه روبروش هم عکس خبر لینک نمونه سایت/

با سلام من یک موقعیت در قالبی که طراحی کردم به اسم slider دارم مشکل اینجاست که وقتی ماژولی در این موقعیت منتشر میکنم ماژولهای موقعیت content ناپدید میشوند. اگر لینک زیر را ملاحظه بفرمایید متوجه میشوید که با انتشار اسلاید شو در بالای صفحه در موقعیت slider ماژولی که در موقعیت Content است ناپدید میشود. (ماژول گلوبال نیوز در حال حاضر در وضعیت انتشار در موقعیت content است ولی فرقی نمیکند اگر ماژول دیگری هم در موقعیت Content بزارم باز هم همین اتفاق می افتد.) دموی آنلاین

با روش زیر تا حدودی درست شد دایو content رو بعد از دایو با اسم other-website تعریف کردم البته با عرض کمتر. همچنین برای کانتنت float:left در نظر گرفتم بعدمیای و level4 روتعریف میکنی با float:right با این کار درست شد ولی مسئله اینجاست که اگر به خاصیت width در contetn مقدار auto بدم دوباره میاد زیر level4 قرار میگیره اگر با درصد کار کنم در دیگر browser های دیگه مثل IE و Firefox به مشکل بر میخورم یه مشکل دیگه ای هم که بعد این تغییرات به وجود اومد اینه که در کروم وقتی وارد سایت میشم کروم لود صفحه رو تموم نمیکنه در صورتی که تمام اجزای صفحم لود شدن لینک دمو

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

با سلام در سمت راست سایتم سه دایو زیر هم دارم که هر سه زیر مجموعه دایوی به اسم level4 هستن در کنار این دایو دایو دیگری به اسم content دارم. اگر در لینک زیر نگاه کنید content زیر level4 قرار گرفته است در صورتی که باید کنارش باشد یعنی در وسط وب سایت به نظرتان چه جوری باید درستش کرد در ضمن فایلهای مربوطه رو پیوست کردم. لازم به توضیح است که از جوملا 2.5.22 دارم استفاده میکنم دموی آنلاین [ATTACH=CONFIG]6992[/ATTACH]

با برداشتن overflow:hidden حالا تو قسمت content دیکه ماژول ظاهر میشود. ولی همانطور که مدتظر است در مرکز قرار ندارد. بلکه زیر div با اسم level4 قرار میگیرد میتونید در لینک زیر مشاهده بفرمایید دموی آنلاین

فکر کنم اشتباه متوجه شدید عکس بخشی که مدنظرم هست رو میتونید ببینید ​ [ATTACH=CONFIG]6948[/ATTACH]

سلام در لینک زیر دموی سایت را میتوانید ملاحظه بفرمایید سه دایو "ائمه" و "بیانات" و "اخبار" هم ردیف با جدیدترین اخبار قرار گیرد ولی همانطور که میبینید به انتهای صفحه رفته دموی سایت

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

کد مربوط به فایل index.php <?php defined('_JEXEC') or die('Restricted access'); JHtml::_('behavior.framework', true); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" /> </head> <body> <div id="main"> <div id="header"> <?php if($this->countModules('search')): ?> <div id="search"> <jdoc:include type="modules" name="search" style="xhtml" /> </div><!--End search--> <?php endif; ?> </div><!--End heder--> <?php if($this->countmodules('menu')): ?> <div id="menu"> <jdoc:include type="modules" name="menu" style="xhtml" /> </div><!--End menu--> <?php endif; ?> <?php if($this->countmodules('hot-news')): ?> <div id="hot-news"> <jdoc:include type="modules" name="hot-news" style="xhtml" /> </div><!--hot-news--> <?php endif; ?> <?php if($this->countModules('slider + notice')): ?> <div id="level1"> <?php if($this->countmodules('slider')): ?> <div id="slider"> <jdoc:include type="modules" name="slider" style="xhtml" /> </div><!--End slider--> <?php endif; ?> <?php if($this->countmodules('notice')): ?> <div id="notice"> <jdoc:include type="modules" name="notice" style="xhtml" /> </div><!--End notice--> <?php endif; ?> </div><!--End level1--> <?php endif; ?> <?php if($this->countmodules('other-website')): ?> <div id="other-website"> <jdoc:include type="modules" name="other-website" style="xhtml" /> </div><!--other-website--> <?php endif; ?> <?php if($this->countModules('emamha + bayanat')): ?> <div id="level2"> <?php if($this->countmodules('emamha')): ?> <div id="emamha"> <jdoc:include type="modules" name="emamha" style="xhtml" /> </div><!--End emamha--> <?php endif; ?> <?php if($this->countmodules('bayanat')): ?> <div id="bayanat"> <jdoc:include type="modules" name="bayanat" style="xhtml" /> </div><!--End bayanat--> <?php endif; ?> </div><!--level2--> <?php endif; ?> <?php if($this->countModules('last-news + top-news + prayer-times')): ?> <div id="level4"> <?php if($this->countmodules('last-news')): ?> <div id="last-news"> <jdoc:include type="modules" name="last-news" style="xhtml" /> </div><!--last-news--> <?php endif; ?> <?php if($this->countmodules('top-news')): ?> <div id="top-news"> <jdoc:include type="modules" name="top-news" style="xhtml" /> </div><!--top-news--> <?php endif; ?> <?php if($this->countmodules('prayer-times')): ?> <div id="top-news"> <jdoc:include type="modules" name="prayer-times" style="xhtml" /> </div><!--prayer-times--> <?php endif; ?> </div><!--level4--> <?php endif; ?> <div id="content"> <jdoc:include type="message" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="content" style="xhtml" /> </div><!--End content--> <?php if($this->countModules('news + picture + voice + film')): ?> <div id="level3"> <?php if($this->countmodules('news')): ?> <div id="news"> <jdoc:include type="modules" name="news" style="xhtml" /> </div><!--End news--> <?php endif; ?> <?php if($this->countmodules('picture')): ?> <div id="picture"> <jdoc:include type="modules" name="picture" style="xhtml" /> </div><!--End picture--> <?php endif; ?> <?php if($this->countmodules('voice')): ?> <div id="voice"> <jdoc:include type="modules" name="voice" style="xhtml" /> </div><!--End voice--> <?php endif; ?> <?php if($this->countmodules('film')): ?> <div id="film"> <jdoc:include type="modules" name="film" style="xhtml" /> </div><!--End film--> <?php endif; ?> </div><!--level3--> <?php endif; ?> <?php if($this->countmodules('mashahir')): ?> <div id="mashahir"> <jdoc:include type="modules" name="mashahir" style="xhtml" /> </div><!--End mashahir--> <?php endif; ?> <?php if($this->countmodules('footer')): ?> <div id="footer"> <jdoc:include type="modules" name="footer" style="xhtml" /> </div><!--End footer--> <?php endif; ?> </div><!--End main--> </body> </html>

سلام به تصویر زیر توجه فرمایید [ATTACH=CONFIG]6906[/ATTACH] در وسط دو کادر قرمز میبینید. کادر قرمز رنگ بالایی یک دایو کلی به اسم level2 است. در داخل این level2 دو دایو دیگه به اسم "bayanat" و "emamha" قرار دارد همچنین که در عکس میبینید در سمت راست کادر یک دایو کلی سبز رنگ با نام "level4" قرار دارد که شامل سه دایو زرد رنگ با نامهای "last-news" و "top-news" و "prayer-times" است حالتی که مد نظر است تا اینها در کنار هم قرار بگیرند هم در عکس واضح است خانه کدهای مربوط به template.css /*@charset "utf-8"; */ /* CSS Document */ /* # ------------------------------------------------------------------------ # Joomla Free Templates # ------------------------------------------------------------------------ # Copyright (C) 2012-2020 (..). All Rights Reserved. # Website: (..) # ِDesign by : (..) # ------------------------------------------------------------------------ */ @font-face { font-family: 'pars'; src: url('../font/IranNastaliq.eot'); src: url('../font/IranNastaliq.eot?#iefix') format('embedded-opentype'), url('../font/IranNastaliq.woff') format('woff'), url('../font/IranNastaliq.ttf') format('truetype'); font-weight: normal; font-style: normal; } body{ color:#006; font-family:Tahoma, Geneva, sans-serif; font-size:14px; direction:rtl; } #main{ width:75%; height:auto; margin:0 auto; background-repeat:repeat; border-radius:5px; } #header { height:200px; width:100%; background-image: url(../images/baghiyatallah.jpg); background-repeat: no-repeat; background-position: right top; border-radius:5px; } #search { float:left; height:25px; width:250px; padding-top:180px; color:#333; } /*::::: menu :::::*/ #menu { direction:rtl; font-family:"IranNastaliq"; font-size:54px; } #hot-news{ width:100%; height:20px; background-color:#E9E6E6; } #level1 { width:100%; height:450px; float:right; margin:0 auto 5px auto; display: block; } #slider { height:340px; width:60%; float:right; border-radius:5px; background-color:#999; margin-right:10px; margin-top:5px; } #notice{ color:#FF9 height:340px; width:37%; background-color:#ECF1F5; border-radius:5px; float:right; padding-top:0px; margin-top:5px; margin-right:5px; margin-left:5px; margin-bottom:5px; background-repeat: no-repeat; background-position: right top; background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0)); background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%); background: -o-linear-gradient(top, #FF9 0%,#3C0 100%); background: -ms-linear-gradient(top, #FF9 0%,#013953 100%); background: linear-gradient(top, #FF9 0%,#3C0 100%); } #notice h3 { color: #fff; background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7)); background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: linear-gradient(top, #E230B7 0%,#E230B7 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:12px; margin-top: 0; } #other-website { height: auto; width: auto; border-radius: 5px; background-color:#ECF1F5; float: left; margin-top:30px; } #other-website ul li { list-style: none outside none; } #level4 { float:right; } #last-news { height: auto; width: 200px; border-radius: 5px; background-color:#ECF1F5; font-size:12px; direction:rtl; line-height:20px; margin-left: 10px; } #last-news ul li { list-style: none outside none; } #last-news ul li:before { list-style: none outside none; content: "\0BB \020"; font-size:16px; color:#E230B7; } #last-news h3 { color: #fff; background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7)); background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: linear-gradient(top, #E230B7 0%,#E230B7 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:12px; margin-top: 0; } #top-news{ height: auto; width: 200px; border-radius: 5px; background-color:#ECF1F5; font-size:12px; direction:rtl; line-height:20px; margin-top:10px; margin-left: 10px; left:10px; clear:both; } #top-news ul li{ list-style: none outside none; } #top-news ul li:before { list-style: none outside none; content: "\0BB \020"; font-size:16px; color:#E230B7; } #top-news h3 { color: #fff; background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7)); background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: linear-gradient(top, #E230B7 0%,#E230B7 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:12px; margin-top: 0; } #prayer-times{ height: auto; width: 200px; border-radius: 5px; background-color:#ECF1F5; direction:rtl; margin-top:10px; margin-left: 10px; left:10px; } #content { width: auto;; height: auto; margin:0 auto; margin-top: 30px; border-radius: 5px; margin-right: 5px; margin-left:5px; overflow: hidden; } #level2 { width:100%; float:left; height:300px; margin:0 10 5px auto; } #emamha{ height:200px; width:22%; float:right; border-radius:5px; background-color:#ECF1F5; margin-right:10px; margin-top:0px; direction:rtl; line-height:20px; } #emamha h3 { color: #fff; background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0)); background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%); background: -o-linear-gradient(top, #FF9 0%,#3C0 100%); background: -ms-linear-gradient(top, #FF9 0%,#013953 100%); background: linear-gradient(top, #FF9 0%,#3C0 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:16px; margin-top: 0; } #bayanat{ height:200px; width:22%; float:right; border-radius:5px; background-color:#ECF1F5; margin-right:10px; margin-top:5px; } /* #bayanat .globalnews { height: 259px; } */ #bayanat h3 { color: #fff; background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0)); background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%); background: -o-linear-gradient(top, #FF9 0%,#3C0 100%); background: -ms-linear-gradient(top, #FF9 0%,#013953 100%); background: linear-gradient(top, #FF9 0%,#3C0 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:16px; margin-top: 0; } #news{ height:200px; width:22%; float:right; border-radius:5px; background-color:#ECF1F5; margin-right:10px; margin-top:5px; overflow:hidden; clear:both; } #news h3 { color: #fff; background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0)); background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%); background: -o-linear-gradient(top, #FF9 0%,#3C0 100%); background: -ms-linear-gradient(top, #FF9 0%,#013953 100%); background: linear-gradient(top, #FF9 0%,#3C0 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:16px; margin-top: 0; } #level3 { width:100%; height:300px; margin:0 10 5px auto; display: block; } #picture{ height:300px; width:32%; float:right; border-radius:5px; background-color:#999; margin-right:10px; margin-top:15px; } #voice{ height:300px; width:32%; float:right; border-radius:5px; background-color:#999; margin-right:10px; margin-top:15px; } #film{ height:300px; width:32%; float:right; border-radius:5px; background-color:#999; margin-right:10px; margin-top:15px; } #mashahir{ height:auto; width:980px; border-radius:5px; background-color:#CCC; clear:both; margin-top:15px; margin-right:10px; } #footer { font-family:IranNastaliq; font-size:14px; height:auto; width:980px; border-radius:5px; background-color:#ECF1F5; clear:both; text-align:center; margin-right:10px; margin-top:15px; overflow:hidden; } a { text-decoration: none; } a:visited { color:#0000EE; }

سلام به تصویر زیر توجه فرمایید [ATTACH=CONFIG]6890[/ATTACH] در وسط دو کادر قرمز میبینید. کادر قرمز رنگ بالایی یک دایو کلی به اسم level2 است. در داخل این level2 دو دایو دیگه به اسم "bayanat" و "emamha" قرار دارد همچنین که در عکس میبینید در سمت راست کادر یک دایو کلی سبز رنگ با نام "level4" قرار دارد که شامل سه دایو زرد رنگ با نامهای "last-news" و "top-news" و "prayer-times" است حالتی که مد نظر است تا اینها در کنار هم قرار بگیرند هم در عکس واضح است خانه کدهای مربوط به template.css /*@charset "utf-8"; */ /* CSS Document */ /* # ------------------------------------------------------------------------ # Joomla Free Templates # ------------------------------------------------------------------------ # Copyright (C) 2012-2020 (..). All Rights Reserved. # Website: (..) # ِDesign by : (..) # ------------------------------------------------------------------------ */ @font-face { font-family: 'pars'; src: url('../font/IranNastaliq.eot'); src: url('../font/IranNastaliq.eot?#iefix') format('embedded-opentype'), url('../font/IranNastaliq.woff') format('woff'), url('../font/IranNastaliq.ttf') format('truetype'); font-weight: normal; font-style: normal; } body{ color:#006; font-family:Tahoma, Geneva, sans-serif; font-size:14px; direction:rtl; } #main{ width:75%; height:auto; margin:0 auto; background-repeat:repeat; border-radius:5px; } #header { height:200px; width:100%; background-image: url(../images/baghiyatallah.jpg); background-repeat: no-repeat; background-position: right top; border-radius:5px; } #search { float:left; height:25px; width:250px; padding-top:180px; color:#333; } /*::::: menu :::::*/ #menu { direction:rtl; font-family:"IranNastaliq"; font-size:54px; } #hot-news{ width:100%; height:20px; background-color:#E9E6E6; } #level1 { width:100%; height:450px; float:right; margin:0 auto 5px auto; display: block; } #slider { height:340px; width:60%; float:right; border-radius:5px; background-color:#999; margin-right:10px; margin-top:5px; } #notice{ color:#FF9 height:340px; width:37%; background-color:#ECF1F5; border-radius:5px; float:right; padding-top:0px; margin-top:5px; margin-right:5px; margin-left:5px; margin-bottom:5px; background-repeat: no-repeat; background-position: right top; background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0)); background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%); background: -o-linear-gradient(top, #FF9 0%,#3C0 100%); background: -ms-linear-gradient(top, #FF9 0%,#013953 100%); background: linear-gradient(top, #FF9 0%,#3C0 100%); } #notice h3 { color: #fff; background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7)); background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: linear-gradient(top, #E230B7 0%,#E230B7 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:12px; margin-top: 0; } #other-website { height: auto; width: auto; border-radius: 5px; background-color:#ECF1F5; float: left; margin-top:30px; } #other-website ul li { list-style: none outside none; } #level4 { float:right; } #last-news { height: auto; width: 200px; border-radius: 5px; background-color:#ECF1F5; font-size:12px; direction:rtl; line-height:20px; margin-left: 10px; } #last-news ul li { list-style: none outside none; } #last-news ul li:before { list-style: none outside none; content: "\0BB \020"; font-size:16px; color:#E230B7; } #last-news h3 { color: #fff; background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7)); background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: linear-gradient(top, #E230B7 0%,#E230B7 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:12px; margin-top: 0; } #top-news{ height: auto; width: 200px; border-radius: 5px; background-color:#ECF1F5; font-size:12px; direction:rtl; line-height:20px; margin-top:10px; margin-left: 10px; left:10px; clear:both; } #top-news ul li{ list-style: none outside none; } #top-news ul li:before { list-style: none outside none; content: "\0BB \020"; font-size:16px; color:#E230B7; } #top-news h3 { color: #fff; background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7)); background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%); background: linear-gradient(top, #E230B7 0%,#E230B7 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:12px; margin-top: 0; } #prayer-times{ height: auto; width: 200px; border-radius: 5px; background-color:#ECF1F5; direction:rtl; margin-top:10px; margin-left: 10px; left:10px; } #content { width: auto;; height: auto; margin:0 auto; margin-top: 30px; border-radius: 5px; margin-right: 5px; margin-left:5px; overflow: hidden; } #level2 { width:100%; float:left; height:300px; margin:0 10 5px auto; } #emamha{ height:200px; width:22%; float:right; border-radius:5px; background-color:#ECF1F5; margin-right:10px; margin-top:0px; direction:rtl; line-height:20px; } #emamha h3 { color: #fff; background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0)); background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%); background: -o-linear-gradient(top, #FF9 0%,#3C0 100%); background: -ms-linear-gradient(top, #FF9 0%,#013953 100%); background: linear-gradient(top, #FF9 0%,#3C0 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:16px; margin-top: 0; } #bayanat{ height:200px; width:22%; float:right; border-radius:5px; background-color:#ECF1F5; margin-right:10px; margin-top:5px; } /* #bayanat .globalnews { height: 259px; } */ #bayanat h3 { color: #fff; background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0)); background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%); background: -o-linear-gradient(top, #FF9 0%,#3C0 100%); background: -ms-linear-gradient(top, #FF9 0%,#013953 100%); background: linear-gradient(top, #FF9 0%,#3C0 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:16px; margin-top: 0; } #news{ height:200px; width:22%; float:right; border-radius:5px; background-color:#ECF1F5; margin-right:10px; margin-top:5px; overflow:hidden; clear:both; } #news h3 { color: #fff; background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0)); background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%); background: -o-linear-gradient(top, #FF9 0%,#3C0 100%); background: -ms-linear-gradient(top, #FF9 0%,#013953 100%); background: linear-gradient(top, #FF9 0%,#3C0 100%); height: 20px; /* line-height: 44px; */ padding-right: 24px; border-bottom-style:double; border-bottom-color:#000; font-size:16px; margin-top: 0; } #level3 { width:100%; height:300px; margin:0 10 5px auto; display: block; } #picture{ height:300px; width:32%; float:right; border-radius:5px; background-color:#999; margin-right:10px; margin-top:15px; } #voice{ height:300px; width:32%; float:right; border-radius:5px; background-color:#999; margin-right:10px; margin-top:15px; } #film{ height:300px; width:32%; float:right; border-radius:5px; background-color:#999; margin-right:10px; margin-top:15px; } #mashahir{ height:auto; width:980px; border-radius:5px; background-color:#CCC; clear:both; margin-top:15px; margin-right:10px; } #footer { font-family:IranNastaliq; font-size:14px; height:auto; width:980px; border-radius:5px; background-color:#ECF1F5; clear:both; text-align:center; margin-right:10px; margin-top:15px; overflow:hidden; } a { text-decoration: none; } a:visited { color:#0000EE; }

اون کار رو انجام دادم درست نشد دوباره به حالت قبل برگردوندم در عکس زیر حالت فعلی رو میبینید [ATTACH=CONFIG]6887[/ATTACH] در عکس زیر حالت که من انتظار دارم بشه رو گذاشتم یعنی اون دایوها بیان به بالا کنار جدیدترین اخبار [ATTACH=CONFIG]6888[/ATTACH] در عکس زیر هم میتوانید ببینید مشکل من اون چهار تا دایو تو پر آبی رنگ هستن که به ترتیبی که تئ عکس هست میخوام قرار بگیرند [ATTACH=CONFIG]6890[/ATTACH]

خب منم دارم میگم دو دایو "ائمه" و "بیانات" را چگونه یک موقعیت ایجاد کنم در کنار موقعیت "last-news" یا همان جدیدترین اخبار که در دمو با این اسم میتوانید ببینید.

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

حل شد متشکرم