رفتن به مطلب

در خواست استایل نرم افزار های مورد نیاز


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

سلام دوستان

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

مثلا تعدادشون 10 تا باشه یک استایل داشته باشه . و نرم افزارهای رو در اونجا قرار بدی مثل این تصویر

post-2496-0-36566000-1373711569_thumb.jp

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

این منو ایستاتیکه

میشه بگید افزونس ؟

یه توضیح بدین میشه راحت ساخت ؟

یا اینکه طراحی شه

:D

ا

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

خیر افزونه نیست و دستی ایجاد شده ، اگر در جای خاصی دیدید اینو و این عکس رو گرفتید لینک آنلاین بدید تا استایلش رو بدیم بهتون ..

لینک به ارسال

قربونت است

خیر افزونه نیست و دستی ایجاد شده ، اگر در جای خاصی دیدید اینو و این عکس رو گرفتید لینک آنلاین بدید تا استایلش رو بدیم بهتون ..

دمتون داغ

http://p30download.com/

لینک به ارسال

سلام با توجه به اموزش لینک من اون رو در قالبم پیاده کردم و حالت کلی این چیزی که میخاستم به وجود اومد !

حالا

<h3><span> نرم افزارهای مورد نیاز </span></h3>
<ul>
<li><a href="http://hadafdownload.com/?p=858">دانلود Internet Download Manager</li>
<li><a href="http://hadafdownload.com/?p=722">دانلود WinRAR 4.20</a></li>
<li><a href="http://hadafdownload.com/?p=821">دانلود Google Chorme</li>
<li><a href="http://hadafdownload.com/?p=791">دانلود Opera 15.00</a></li>
<li><a href="http://hadafdownload.com/?p=430">دانلود KMPlayer v3.6.0.87</a></li>
<li><a href="http://hadafdownload.com/?p=836">دانلود Winamp 5.64</a></li>
<li><a href="http://hadafdownload.com/?p=807">دانلود PowerDVD</a></li>
<li><a href="http://hadafdownload.com/?p=336">دانلود Adobe Flash Player v11.7</a></li>
<li><a href="http://hadafdownload.com/?p=338">دانلود K-Lite Codec Pack</a></li>
<li><a href="http://hadafdownload.com/?p=409">دانلود Yahoo! Messenger </a></li>
<li><a href="http://hadafdownload.com/?p=651">دانلود Skype</a></li>
<li><a href="http://hadafdownload.com/?p=675">دانلود NOD32 AntiVirus </a></li>
</section>
<section class="box widget_views">

حالا استایل عجیبه خرابه یا کار نمیکنه

عکس گذاشتم اومد روی نوشته

دوستان

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

این عکس :

post-2496-0-36566000-1373711569_thumb.jp

این استایل :

div.example2 ul {
list-style-type: none;
}
div.example2 ul li a {
padding-left: 20px;
background-image: url();
background-repeat: no-repeat;
}
div.example2 ul li a[href$="http://hadafdownload.com/?p=858"] {
background-image: url('http://hadafdownload.com/wp-content/themes/Hadafdownload/menu/1.png');
}
div.example2 ul li a[href$=".docx"] {
background-image: url(demo-images/page_white_word.png);
}
div.example2 ul li a[href$=".xlsx"] {
background-image: url(demo-images/page_white_excel.png);
}
div.example2 ul li a[href$=".mp3"] {
background-image: url(demo-images/audio.png);
}

البته بگم در قالب اصلی قبلش div.example2 ul بود تغییرش دادم به کد زیر تا فعلا رو قالب مرتب باشه

<h3><span> نرم افزارهای مورد نیاز </span></h3>
ویرایش شده توسط mam1371
لینک به ارسال

بجای استایل دهی با a[href$=.mp3] از nth-child در css استفاده کنید

سلام استفاده کردم اما ! نشد

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

div.example2 ul {
list-style-type: none;
}
div.example2 ul li a {
padding-left: 20px;
background-image: url();
background-repeat: no-repeat;
}
div.example2 ul li a[nth-child] {
background-image: url('http://hadafdownload.com/wp-content/themes/Hadafdownload/menu/1.png');
}
div.example2 ul li a[nth-child] {
background-image: url(demo-images/page_white_word.png);
}
div.example2 ul li a[nth-child] {
background-image: url(demo-images/page_white_excel.png);
}
div.example2 ul li a[nth-child] {
background-image: url(demo-images/audio.png);
}

و اینم کدهای درون قالب اصلی :

<h3><span> نرم افزارهای مورد نیاز </span></h3>
<ul>
<li><a href="http://hadafdownload.com/?p=858">دانلود Internet Download Manager</li>
<li><a href="http://hadafdownload.com/?p=722">دانلود WinRAR 4.20</a></li>
<li><a href="http://hadafdownload.com/?p=821">دانلود Google Chorme</li>
<li><a href="http://hadafdownload.com/?p=791">دانلود Opera 15.00</a></li>
<li><a href="http://hadafdownload.com/?p=430">دانلود KMPlayer v3.6.0.87</a></li>
<li><a href="http://hadafdownload.com/?p=836">دانلود Winamp 5.64</a></li>
<li><a href="http://hadafdownload.com/?p=807">دانلود PowerDVD</a></li>
<li><a href="http://hadafdownload.com/?p=336">دانلود Adobe Flash Player v11.7</a></li>
<li><a href="http://hadafdownload.com/?p=338">دانلود K-Lite Codec Pack</a></li>
<li><a href="http://hadafdownload.com/?p=409">دانلود Yahoo! Messenger </a></li>
<li><a href="http://hadafdownload.com/?p=651">دانلود Skype</a></li>
<li><a href="http://hadafdownload.com/?p=675">دانلود NOD32 AntiVirus </a></li>
</section>
<section class="box widget_views">

لینک به ارسال
  • 2 هفته بعد...

خوب از گجت آماده این سایت استفاده کن

http://www.filehippo.com/widget/

سلام قرار داده شد کد به شکل کد زیر هست

حالا مشکل اینجاست که لینکهای موجود میره به سایت همین گجت طبیعی هم هست . اگر لطف کنید بگید لینک هامو چجوری در اینجا قرار بدم با عکس ریز ممنون میشم

<!-- FileHippo Feed -->
<style type="text/css">
<!--
.fh_title{padding:4px;background-color:#fff;font-weight:bold;font-size:13px;}.fh_title a{color:#ffffff !important;text-decoration:none !important;}.fh_box{width:245px;border:solid 1px #fff;background-color:#fff;font-family:Arial,Helvetica,sans-serif;}
.fh_box a:hover{text-decoration:underline;}
.fh_box a{color:#0072bc;text-decoration:none;}
ul.fh_items{font-size:13px;list-style:none;margin:5px;padding:0;}
.fh_date{color:#000000;font-size:11px;font-weight:bold;margin-top:2px;line-height:140%;}
.fh_item{margin:5px 0px 5px 0px;}
.fh_item img{border:0px;padding-right:3px;vertical-align:top;width:16px;height:16px;}
-->
</style>
<div class="fh_box">
<div class="fh_title"><a href="http://www.hadafdownload.com/" target="_blank"></a></div><script language="Javascript" src="http://www.filehippo.com/en/rss2/?format=js&icons=1" type="text/javascript"></script>
<div align="right" style="padding:16px 5px 5px 5px;font-size:11px">
<a href="http://www.filehippo.com/" target="_blank" style="color:#000"></a>
</div></div>
<!-- End FileHippo Feed -->

اینم کد لینکام هست !

<h3><span> نرم افزارهای مورد نیاز </span></h3>
<ul>
<li><a href="http://hadafdownload.com/?p=858">دانلود Internet Download Manager</li>
<li><a href="http://hadafdownload.com/?p=722">دانلود WinRAR 4.20</a></li>
<li><a href="http://hadafdownload.com/?p=821">دانلود Google Chorme</li>
<li><a href="http://hadafdownload.com/?p=791">دانلود Opera 15.00</a></li>
<li><a href="http://hadafdownload.com/?p=430">دانلود KMPlayer v3.6.0.87</a></li>
<li><a href="http://hadafdownload.com/?p=836">دانلود Winamp 5.64</a></li>
<li><a href="http://hadafdownload.com/?p=807">دانلود PowerDVD</a></li>
<li><a href="http://hadafdownload.com/?p=336">دانلود Adobe Flash Player v11.7</a></li>
<li><a href="http://hadafdownload.com/?p=338">دانلود K-Lite Codec Pack</a></li>
<li><a href="http://hadafdownload.com/?p=409">دانلود Yahoo! Messenger </a></li>
<li><a href="http://hadafdownload.com/?p=651">دانلود Skype</a></li>
<li><a href="http://hadafdownload.com/?p=675">دانلود NOD32 AntiVirus </a></li>
</section>
<section class="box widget_views">

لینک به ارسال

میشه تغییر داد اما چون داره از جاوااسکریپت خود سایت اصلی میخونه و در حال بروزرسانی شدن هست نمیشه تغییر داد که همیشه درست بمونه

لینک به ارسال

میشه تغییر داد اما چون داره از جاوااسکریپت خود سایت اصلی میخونه و در حال بروزرسانی شدن هست نمیشه تغییر داد که همیشه درست بمونه

سلام

حرف شما درست منم بالا تایید کردم اگر امکان داره

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

ممنون

لینک به ارسال

الان کد لینک های خودتون اوکی هست و فقط استایل و عکس میخواین بهش بدید؟

لینک به ارسال

الان کد لینک های خودتون اوکی هست و فقط استایل و عکس میخواین بهش بدید؟

سلام

بله من لینک ها کاملا درست هستند فقط نیاز به تصویر دارند

ممنون

لینک به ارسال

شما استایلی به این کدتون ندادیید؟

اگر ندادید من بصورت مثل یک استایل بدم؟

لینک به ارسال

شما استایلی به این کدتون ندادیید؟

اگر ندادید من بصورت مثل یک استایل بدم؟

سلام

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

اما اگه لطف کنید استایل قرار بدید

ممنون میشم

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

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

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

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

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

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

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

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

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

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