• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

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

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

18 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام دوستان

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

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

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

ویرایش شده در توسط mam1371
0

به اشتراک گذاری این پست


لینک به پست

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

3

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

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

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

:D

ا

ویرایش شده در توسط mam1371
0

به اشتراک گذاری این پست


لینک به پست

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

4

به اشتراک گذاری این پست


لینک به پست

قربونت است

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

دمتون داغ

http://p30download.com/

0

به اشتراک گذاری این پست


لینک به پست
3

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

حالا

<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
0

به اشتراک گذاری این پست


لینک به پست

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

2

به اشتراک گذاری این پست


لینک به پست

بجای استایل دهی با 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">

0

به اشتراک گذاری این پست


لینک به پست

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

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

5

به اشتراک گذاری این پست


لینک به پست

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

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">

0

به اشتراک گذاری این پست


لینک به پست

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

3

به اشتراک گذاری این پست


لینک به پست

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

سلام

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

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

ممنون

0

به اشتراک گذاری این پست


لینک به پست

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

3

به اشتراک گذاری این پست


لینک به پست

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

سلام

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

ممنون

0

به اشتراک گذاری این پست


لینک به پست

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

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

2

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

سلام

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

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

ممنون میشم

ویرایش شده در توسط mam1371
0

به اشتراک گذاری این پست


لینک به پست

نمونه:

http://jsfiddle.net/5cB5c/

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری