انجمن


ایجاد یک باکس در صفحه نخست  (۱۵ نوشته)

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۸ تیر ۱۳۸۷ - ۲۳:۰۰

    سلام مجدد
    من می خواستم بدانم چطور می توانم یک جعبه (باکس) در صفحه ی اصلی وبسایتم مانند سایت زیر داشته باشم
    http://abadanblog.blogfa.com/
    کدهای زیر را از قالب مربوطه پیدا کردم ولی هر جایی که قرار می دهم پوسته به هم می ریزد

    کد# 1

    #LinkdumpBody {
    	font-family: tahoma;
    	font-size: 11px;
    	text-align: right;
    	direction:rtl;
    	padding-right: 5px;
    	padding-top: 2px;
    	padding-bottom: 3px;
    	padding-left: 5px;
    	line-height: 16px;
    	height: 200px;
    	overflow: auto;
    	margin-bottom: 5px;
    }

    کد # 2

    #Linkdump {
    	width: 380px;
    	font-size: 10px;
    	font-family: tahoma;
    	text-align: left;
    	direction:rtl;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: none;
    	border-right-style: dotted;
    	border-bottom-style: dotted;
    	border-left-style: none;
    	border-top-color: #E4E4E4;
    	border-right-color: #E4E4E4;
    	border-bottom-color: #E4E4E4;
    	border-left-color: #E4E4E4;
    	padding-bottom: 2px;
    	color: #A0A0A0;
    	margin-bottom: 10px;
    	float: left;
    	margin-right: auto;
    	margin-left: 8px;
    	margin-top: 15px;
    }
    #Linkdump a, a:visited {
    	color: #3B85CA;
    	font-family: tahoma;
    	text-decoration: none;
    }

    این کدها را هر وقت در سی اس اس قرار می دهم پوسته به هم می ریزد
    دقیقا باید کجای سی اس اس بگذارم این کدها را ؟
    پیشاپیش تشکر

  • taktemp

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۶۶
    تشکر شده: ۲۸ بار
    # نوشته شده: ۱۲ سال پیش
    ۹ تیر ۱۳۸۷ - ۰۰:۴۷

    اولا آدرس سايتت رو بده. بعدشم مي خواين مثل اون لينك دوني درست كنين؟ :-?

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۹ تیر ۱۳۸۷ - ۰۳:۳۹

    سلام مجدد

    مي خواين مثل اون لينك دوني درست كنين؟ :-?

    نه به طور کامل لینک دونی . یک لینک دونی دستی ، که هر ماه عوض شود
    من الان کدها را جایگزین کردم و همه چیز به خوبی کار کرد
    با مرورگر فایر فاکس این مشکل را ندارد
    ولی با مرورگر اینترنت اکسپلورر 7 ساید بار به هم می ریزد
    نمونه عکس
    http://i30.tinypic.com/okdac8.jpg
    لینکها همان لینک های سایت بالا است
    که بنده فعلا تغییری ندادم
    الان چطور با IE درستش کنم؟

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۹ تیر ۱۳۸۷ - ۰۸:۴۶

    سلام مجدد
    الان هر مشکلی که هست مربوط به فایل ایندکس می شود
    برای اینکه هر وقت کدهای سوم را جابجا می کنم پوسته به هم می ریزد
    این مشکل تنها در اینترنت اکسپلورر 6 و 7 وجود دارد و در فایر فاکس درست است
    به نظر شما کدهای بعدی را کجای ایندکس باید قرار دهم تا پوسته به هم نریزد ؟
    (کدهای بالا را در سی اس اس قرار دادم )
    کدهای فایل ایندکس :

    <?php get_header(); ?>
    	<div id="content" class="narrowcolumn">
    	<?php if (have_posts()) : ?>
    				<?php while (have_posts()) : the_post(); ?>
    				<div class="post">
    				<h2 class="pen" id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="لینک ثابت به <?php the_title(); ?>"><?php the_title(); ?></a></h2>
    				<div class="smalltime"><?php the_time('l, F jS, Y') ?> در ساعت <?php the_time(); ?></div><div class="clear"></div>
    				<div class="entry">
    					<?php the_content('ادامه این متن را بخوانید &raquo;'); ?>
    				</div>
    
    				<div class="line"></div><div class="smallcat">از دسته ی  <?php the_category('، ') ?></div><div class="smalluser"> توسط <?php the_author() ?> <?php edit_post_link(' > ویرایش','',''); ?></div><div class="smallcomments"><?php comments_popup_link('نظر بدهید ', 'یک نظر ', '% نظر '); ?></div><div class="clear"></div>
    			</div>
    
    		<?php endwhile; ?>
    
    		<div class="navigation">
    			<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
    		</div>
    	<?php else : ?>
    		<h2 class="center">پیدا نشد</h2>
    		<p class="center"><?php _e("متاسفانه مطلب درخواستی شما پیدا نشد . شاید این مشکل به خاطر تغییرات سایت باشد . لطفا دوباره تلاش نمایید"); ?>
    
    		<?php include (TEMPLATEPATH . "/searchform.php"); ?>
    	<?php endif; ?>
    	</div>
    	<?php get_sidebar(); ?><?php get_footer(); ?>
  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۹ تیر ۱۳۸۷ - ۱۸:۱۰

    هنوز وقتی کدها را جابجا / تغییر می دهم این مشکل به وجود می آید .

  • کاربر

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۸
    تشکر شده: ۱۲ بار
    # نوشته شده: ۱۲ سال پیش
    ۹ تیر ۱۳۸۷ - ۲۱:۵۷

    راه حل مشکل شما رو نمی دونم، اما، نظر من اینه که اگر پوسته وبلاگ شما از ابزارک پشتیبانی میکنه، از طریق یک "Inline Frame" صفحه لینک ها رو به داخل ابزارک (widget) متن وبلاگت بکشی.

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۹ تیر ۱۳۸۷ - ۲۲:۰۲

    سلام مجدد
    تشکر از راهنماییتان
    پوسته از ابزارک پشتیبانی می کند اما من نمی خواهم که لینکها در ساید بار نمایش داده شوند
    لینکها را می خواهم در بالای مطالب اصلی به نمایش بگذارم
    من تمامی کارها را کردم ولی متاسفانه همانطور که در تصویر زیر می بینید
    جعبه ی که قرار دادم تاثیری روی ساید بار داشته است و به اندازه ی ارتفاع آن جعبه ساید بارهم پایین رفته
    http://i30.tinypic.com/okdac8.jpg
    الان تنها مشکل من همان است

  • کاربر

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۸
    تشکر شده: ۱۲ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۰ تیر ۱۳۸۷ - ۰۱:۰۴

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

    ابتدا این کد ها را در فایل css پوسته قرار دهید:

    /*Start Link Box*/
    .linkbox {
    	float: right;
    	padding: 0 0 20px 45px;
    	margin: 0px 0 0;
    	width: 450px;
    	}
    /*End Link Box*/

    حالا باید کد زیر را در فایل index.php قرار دهید (خط دوم، بعد از "get_header"):
    <div class="linkbox"><iframe name="I1" src="http://www.myblog.com/page.html" width="400" height="151" align="center" border="0" frameborder="0" style="padding: 20px"></iframe></div>

    (در آخر، آدرس "http://www.myblog.com/page.html" را به آدرس دلخواه تغییر دهید)

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۰ تیر ۱۳۸۷ - ۰۱:۴۹

    سلام مجدد
    دوست عزیز من که نمی خواهم یک لینک باکس درست کنم که از میهن بلاگ /بلاگفا و...ایجاد شده است
    شما الان در داخل پوسته ی کوبریک فارسی هیمن فایل ها را امتحان کنید
    اول این دو تا کد را در سی اس اس قرار دهید
    کد#1

    #LinkdumpBody {
    	font-family: tahoma;
    	font-size: 11px;
    	text-align: right;
    	direction:rtl;
    	padding-right: 5px;
    	padding-top: 2px;
    	padding-bottom: 3px;
    	padding-left: 5px;
    	line-height: 16px;
    	height: 200px;
    	overflow: auto;
    	margin-bottom: 5px;
    }

    کد#2

    #Linkdump {
    	width: 380px;
    	font-size: 10px;
    	font-family: tahoma;
    	text-align: left;
    	direction:rtl;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: none;
    	border-right-style: dotted;
    	border-bottom-style: dotted;
    	border-left-style: none;
    	border-top-color: #E4E4E4;
    	border-right-color: #E4E4E4;
    	border-bottom-color: #E4E4E4;
    	border-left-color: #E4E4E4;
    	padding-bottom: 2px;
    	color: #A0A0A0;
    	margin-bottom: 10px;
    	float: left;
    	margin-right: auto;
    	margin-left: 8px;
    	margin-top: 15px;
    }
    #Linkdump a, a:visited {
    	color: #3B85CA;
    	font-family: tahoma;
    	text-decoration: none;
    }

    و کد شماره ی سه را درون فایل index.php بگذارید

    کد # 3

    <!-- Start Linkdump -->
    <Div id="Linkdump">
    
      <div id="LinkdumpBody"> ::
      <a target="_blank" href="HTTP://gigpix.blogfa.com">مجموعه عکس؛ شامل عکس های بامزه و خنده دار </a>از دستش ندید
      ::
      <a target="_blank" href="http://www.salaattime.com/">دانلود؛ اذان، قبله و نماز! </a>همگی در یک نرم افزار
      ::
      <a target="_blank" href="http://news.blogfa.com/Post-89.aspx">زمان خود بهترين روشنگر است </a>پاسخ آقای شیرازی مدیر بلاگفا به بعضی سوالات
    
      ::
      <a target="_blank" href="http://www.jamejamonline.ir/shownews2.asp?n=155434&t=hlt">اين بار مردها باهوش‌ترند! </a>حتما&quot; همینطوره D: !
      ::
      <a target="_blank" href="http://www.baztab.com/news/48002.php">مثل اینکه بلاخره، رضازاده به حضور در مسابقات جهانی رضايت داد! </a>
      ::
      <a target="_blank" href="http://www.ictna.ir/news/archives/005959.html">امكان خريد اينترنتي بليت اتوبوس مهيا شد! </a>نه! مثل اینکه داره خبرایی میشه
      ::
    
      ::
      <a target="_blank" href="http://www.baztab.com/news/47926.php">زيدان و ماتراتزي در زندان آشتي مي‌كنند! </a>
      </div>
      <a href="javascript:void(0)" onclick ="OpenLD();" onmouseover="status='[آرشیو وب‌گردی]';return true" onmouseout="status=' '"> آرشیو وب‌گردی</a> |<a href="ymsgr:sendim?Blog_Abadan" onmouseover="status='[ارسال لینک]';return true" onmouseout="status=' '">   ارسال لینک</a> </Div>
    <!-- End LinkDump -->

    خواهید دید که در هر صورت ساید بار به اندازه ی آن باکس می رود پایین
    این در حالی است که این مشکل تنها با IE 6 و IE 7 قابل مشاهد است و در فایر فاکس به خوبی کار می کند

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۰ تیر ۱۳۸۷ - ۰۳:۵۹

    تنها مشکل بنده همان تغییری است که در ساید بار مشاهده می شود ~X(
    http://i30.tinypic.com/okdac8.jpg
    و اگر نه همه چیز به خوبی کار می کند

  • کاربر

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۸
    تشکر شده: ۱۲ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۰ تیر ۱۳۸۷ - ۱۸:۲۲

    امیدوارم کاربر وارد به کار تری بتواند پاسخ شما را بدهد :)

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۰ تیر ۱۳۸۷ - ۲۰:۳۵

    امیدوارم کاربر وارد به کار تری بتواند پاسخ شما را بدهد

    تشکر @},-

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۱ تیر ۱۳۸۷ - ۰۳:۲۷

    یعنی هیچ راهی برای قرار دادن یک جعبه ی کوچک مثل تصویر بالا وجود ندارد؟

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۱ تیر ۱۳۸۷ - ۱۷:۲۵

    اصلا بی خیال این جعبه شدم ...
    موفق باشید

  • martianboy

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۱۳
    تشکر شده: ۱۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۱ تیر ۱۳۸۷ - ۲۰:۱۵

    اگه یه لینکی که این کارو روش انجام داده باشید بدید، خیلی خوب می‌شه روش اظهار نظر کرد. خیلی سخته رو یه تیکه کد سی اس اس نظر دادن :-?

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    kouroshs90

درباره‌ی این موضوع



برچسب‌ها