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

[ali11 10]

سلام به همه دوستان

عزیزان من یه باکس دانلود شبیه به این که در ادامه مطالب در آخر مطالب قرار میگیره برای سایت جوملایی خودم می خوام

[ATTACH=CONFIG]4401[/ATTACH]

این هم ادرس این سایت http://www.apktops.ir این سایت وردپرس هستش

درضمن نسخه جوملا من 2.5 هست

ممنون میشم راهنمایی کنید

[amin.poorsaeed 26]

دوست عزیز شما باید به طور دستی این باکس رو به آخر مطالبتون اضافه کنید با html و css میشه به راحتی همچین باکسی ساخت

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

اول کد css زیر رو به قالب اضافه کنید

/* DL INFO BOX *//*-------------------------------------------------------*/
.dl-info{background: #E3FFBB url(images/noise.png) repeat; border: 1px solid #ADC287; position: relative; position: relative; height: 190px;}
.dl-info .qr {z-index: 400; position: absolute; left: 10px; bottom: 10px; box-shadow: 0 0 2px 0 #ccc;}
.entry .dl-info span{font-size: 8pt; color: #5F7D00;}
.dl-info a {color: #4B6400; font-size: 9pt;}
.dlbox {margin: 13px 8px 0 0;}
.dl-info .dl-link a{color: #09700B; text-decoration: none; word-spacing: -1px; padding: 3px 4px;}
.dl-info .dl-link a:hover{background: #FAFFE8; border-radius: 4px; text-shadow: 1px 0 2px #ccc;}
.dl-info .dl-link {padding: 18px 35px 15px 0; background: url(images/dlb.png) no-repeat right 9px;}
.dl-info ul {margin-top: 20px; line-height: 20px;}
.dl-info ul a {color: #2F3E00;}/*--------------*/

بعد کد اچ تی ام ال زیر رو تو یه مطلب بزارین

<div class="dl-info">

				<div class="dlbox"> 

				<div class="qr"><img src="http://chart.apis.google.com/chart?cht=qr&chs=125x125&chl=http://dl.apktops.ir/apps/201308/Plasticine_Spring_flowers_v1.0.9_www.apktops.ir.apk&chld=L|1$choe=UTF-8"></div>					 
				 <div class="rating">
				 					 </div>

				 <div class="dl-link"><a href="http://dl.apktops.ir/apps/201308/Plasticine_Spring_flowers_v1.0.9_www.apktops.ir.apk" rel="bookmark" target="_blank" title="دانلود لایو والپیپر خارق العاده و بسیار زیبای گل های بهاری برای آندروید Plasticine Spring flowers 1.0.9" style="font-weight:bold;">لینک دانلود مستقیم</a></div>  


	<ul class="dl-list">					 
				 <li class="dl-size"><span>حجم فایل: 4.24 مگابایت</span></li>					 
				 <li class="dl-version"><span>نیازمند آندروید نسخه: 2.1 یا بالاتر</span></li>					 
				 <li class="dl-source"><span>منبع و رمز فایل: </span> <a href="http://www.apktops.ir" rel="bookmark" target="_blank" title="www.apktops.ir">www.apktops.ir</a></li>
				 <li>
				 <a class="barcode" href="http://www.apktops.ir/android-barcode-scanner-4-3.html/" title="Barcode Scanner 4.3" target="_blank">دانلود نرم افزار خواندن بارکد مخصوص آندروید</a>
				 </li>
				 <li> 
				 <a class="barcode" href="http://www.apktops.ir/android-download-apk-file-with-idm.html/" title=".APK File Download" target="_blank">راهنمای دانلود فایل های APK</a>
				 </li>


	</ul>
				</div> 
</div>

توجه کنید که کد html رو باید در حالت html ادیتور وارد مطلب کنید .

ویرایش شده در مرداد 92 توسط amin.poorsaeed

[farsian 15]

معمولا قالب باید این امکان رو داشته باشه

موقعی که میخواین باکس رو ایجاد کنید باید متن درون باکس رو توی یک کلاس بنویسید

برای این کار هم باید در ان لحظه ویرایشگر رو به حالت html تغییر بدید

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

[ali11 10]

دوست عزیز شما باید به طور دستی این باکس رو به آخر مطالبتون اضافه کنید با html و css میشه به راحتی همچین باکسی ساخت

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

اول کد css زیر رو به قالب اضافه کنید

/* DL INFO BOX *//*-------------------------------------------------------*/
.dl-info{background: #E3FFBB url(images/noise.png) repeat; border: 1px solid #ADC287; position: relative; position: relative; height: 190px;}
.dl-info .qr {z-index: 400; position: absolute; left: 10px; bottom: 10px; box-shadow: 0 0 2px 0 #ccc;}
.entry .dl-info span{font-size: 8pt; color: #5F7D00;}
.dl-info a {color: #4B6400; font-size: 9pt;}
.dlbox {margin: 13px 8px 0 0;}
.dl-info .dl-link a{color: #09700B; text-decoration: none; word-spacing: -1px; padding: 3px 4px;}
.dl-info .dl-link a:hover{background: #FAFFE8; border-radius: 4px; text-shadow: 1px 0 2px #ccc;}
.dl-info .dl-link {padding: 18px 35px 15px 0; background: url(images/dlb.png) no-repeat right 9px;}
.dl-info ul {margin-top: 20px; line-height: 20px;}
.dl-info ul a {color: #2F3E00;}/*--------------*/

بعد کد اچ تی ام ال زیر رو تو یه مطلب بزارین

<div class="dl-info">

				<div class="dlbox"> 

				<div class="qr"><img src="http://chart.apis.google.com/chart?cht=qr&chs=125x125&chl=http://dl.apktops.ir/apps/201308/Plasticine_Spring_flowers_v1.0.9_www.apktops.ir.apk&chld=L|1$choe=UTF-8"></div>					 
				 <div class="rating">
				 					 </div>

				 <div class="dl-link"><a href="http://dl.apktops.ir/apps/201308/Plasticine_Spring_flowers_v1.0.9_www.apktops.ir.apk" rel="bookmark" target="_blank" title="دانلود لایو والپیپر خارق العاده و بسیار زیبای گل های بهاری برای آندروید Plasticine Spring flowers 1.0.9" style="font-weight:bold;">لینک دانلود مستقیم</a></div>  


	<ul class="dl-list">					 
				 <li class="dl-size"><span>حجم فایل: 4.24 مگابایت</span></li>					 
				 <li class="dl-version"><span>نیازمند آندروید نسخه: 2.1 یا بالاتر</span></li>					 
				 <li class="dl-source"><span>منبع و رمز فایل: </span> <a href="http://www.apktops.ir" rel="bookmark" target="_blank" title="www.apktops.ir">www.apktops.ir</a></li>
				 <li>
				 <a class="barcode" href="http://www.apktops.ir/android-barcode-scanner-4-3.html/" title="Barcode Scanner 4.3" target="_blank">دانلود نرم افزار خواندن بارکد مخصوص آندروید</a>
				 </li>
				 <li> 
				 <a class="barcode" href="http://www.apktops.ir/android-download-apk-file-with-idm.html/" title=".APK File Download" target="_blank">راهنمای دانلود فایل های APK</a>
				 </li>


	</ul>
				</div> 
</div>

توجه کنید که کد html رو باید در حالت html ادیتور وارد مطلب کنید .

ممنون از پاسختون

من این کار رو کردم

ولی این طوری شد

[ATTACH=CONFIG]4402[/ATTACH]

اون کد css رو توی template.css قرار دادم

[amin.poorsaeed 26]

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

[ali11 10]

توی لوکال هاست فعلا هستش

من فایل template.css رو اینجا می زارم

اگه زحمتی نیست توش قرار بدین

[ATTACH]4404[/ATTACH]

ویرایش شده در مرداد 92 توسط ali11

[ali11 10]

ممنون درستش کردم

یه سوال دیگه در همین موضوع داشتم

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

اگر مثل همین کد هستش ممنون میشم که یک کد خوب برای گذاشتن پیشنمایش یا همون اسکرین شات قرار دهید

[ali11 10]

چی شد؟؟؟؟؟؟؟؟

[ali11 10]

up...up...up

[amin.poorsaeed 26]

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

[ali11 10]

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

خوب چرا ترش می کنی داداش.ممنون از پاسخگوییت:128fs318181: