جستجو در انجمن

در حال نمایش نتایج برای برچسب های 'css'.

  • جستجو بر اساس برچسب

    برچسب ها را با , از یکدیگر جدا نمایید.
  • جستجو بر اساس نویسنده

نوع محتوا


انجمن ها

  • بخش وردپرس
    • وردپرس
    • افزونه ها
    • پوسته ها
    • فروشگاه سازها
  • بازارچه
    • بخش خرید و فروش
    • بازار کار
  • دیگر
    • بخش برنامه نویسی
    • بحث آزاد
  • بایگانی
    • بایگانی

پیدا شد 81 نتیجه

  1. سلام چه طور در css میشه برای عکس زمینه هم از sprites استفاده کرد هم float مشخص کرد یعنی مثلا چه طور ۲ تا کد زیر با هم ترکیب میشن a{background:url(bg1.png) no-repeat 0px -173px} float:right با استفاده از کد اول عکس نمایش داده میشه ولی سمت چپ نمایش داده میشه من می‌خوام بره سمت راست .catbox li{padding:0px 5px;font-size:11px;line-height:28px;} .catbox li a{background:url(d/bg1.png) no-repeat scroll 0px -173px transparent;padding:1px 15px 2px 2px;color:#333} .catbox li a:hover{background-color:#f6f6f6;margin-right:4px;text-shadow:#fff 1px 1px 1px;color:#09F}
  2. با سلام فایل css هنگام بالا امدن سایت اجرا نمیشه . قالب بدون استایل هست!! تا چند وقت پیش کار میکرد اما دچار مشکل شده است <link type="text/css" rel="stylesheet" href="<?php echo $site_url; ?>min/f=static/css/reset.css,static/css/960_24_col_rtl.css,static/css/style.css,static/css/jcarousel.css,static/css/nivo-slider.css,static/css/thumbs-plugin.css" /> این هم لینک فایل های css که ادرس دهی کردم
  3. سلام . میخواستم بدونم چطوری میشه که قالب صفحه رو ریسایز کرد ؟ یه طور مثال یه قالب طراحی میکنید که تو مانیتور 15" هیچ گونه فضای خالی نداره ولی وقتی تو یه مانیتور بزرگنر خروجی میگیریم فضاهای خالی داره . کدی یا پلاگینی هست که بشه با توجه به کوچیک و بزرگ شدن رزولوشن اندازه قالب هم تغییر کنه ؟
  4. در سایت http://gtmetrix.com چند سایت را به همراه دنوج بررسی کردم و متوجه شدم بیشتر این سایت ها در بخش Use efficient CSS selectors امتیاز پایینی رو کسب می کنند. چه مشکلی وجود دارد که امتیاز این بخش برای اکثر سایت های ایرانی پایین است و راه حل این مشکل چیست؟
  5. وقتی که وارد برخی از سایت ها می شویم عناوین لینک هایی که با قرار گرفتن موس پدیدار می شوند با اشکالک زیبایی دیده می شوند مانند این حالا چگونه می توان به سایت وردپرسی چنین تولتیپ هایی افزود؟
  6. سلام در این آموزش با کد CSS برای لینک های خاصی که مد نظر دارید میتوانید آیکن اختصاص بدهید: در این مثال عکس ها با پسوند png در پوشه demo-images قرار میگیرند. آدرس های خاص اینترنتی مثل “//:http://”, “https://” , “mailto:” , "ftp" کد HTML: <div class="example1"> <ul> <li><a href="http://www.google.com">Visit a website</a></li> <li><a href="https://www.google.com">Visit a secure website</a></li> <li><a href="mailto:email@email.com">Send an email</a></li> <li><a href="ftp://www.google.com">Connect to an FTP server</a></li> <li><a href="magnet:…">Download from a magnet link</a></li> </ul> </div> کد CSS: div.example1 ul { list-style-type: none; } div.example1 ul li a[href^="http://"] { padding-left: 20px; background-image: url(demo-images/file.png); background-repeat: no-repeat; } div.examples1 ul li a[href^="https://"] { background-image: url(demo-images/lock.png); } div.example1 a[href^="mailto:"] { background-image: url(demo-images/mail.png); } div.example1 a[href^="ftp://"] { background-image: url(demo-images/folder_ftp.png); } div.example1 a[href^="magnet"] { background-image: url(demo-images/magnet.png); } در فایل های خاص مثل pdf”, “.docx” , “.mp3″ “ کد HTML: <div class="example2"> <ul> <li><a href="http://www.css3.info/demos/files/1.pdf">A link to a PDF document</a></li> <li><a href="http://www.css3.info/demos/files/1.docx">A link to a Word document</a></li> <li><a href="http://www.css3.info/demos/files/1.xlsx">A link to an Excel document</a></li> <li><a href="http://www.css3.info/demos/files/1.mp3">A link to an MP3 file</a></li> <li><a href="http://www.css3.info">A normal web link</a></li> </ul> </div> کد CSS: div.example2 ul { list-style-type: none; } div.example2 ul li a { padding-left: 20px; background-image: url(demo-images/file.png); background-repeat: no-repeat; } div.example2 ul li a[href$=".pdf"] { background-image: url(demo-images/pdf.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); } دامنه های خاص اینترنتی مانند google.com و yahoo.com کد HTML: <div class="example3"> <ul> <li><a href="http://www.google.com">A link to Google</a></li> <li><a href="http://www.twitter.com/css3">A link to a Twitter profile</a></li> <li><a href="https://www.facebook.com/css3.info">A link to a Facebook page</a></li> <li><a href="http://www.yahoo.com">A link to Yahoo</a></li> <li><a href="http://www.bing.com">Any other link</a></li> </ul> </div> کد CSS: div.example3 ul { list-style-type: none; } div.example3 ul li a { padding-left: 20px; background-image: url(demo-images/file.png); background-repeat: no-repeat; } div.example3 ul li a[href*="google.com"] { background-image: url(demo-images/google.png); } div.example3 ul li a[href*="twitter.com"] { background-image: url(demo-images/twitter.png); } div.example3 ul li a[href*="facebook.com"] { background-image: url(demo-images/facebook.png); } div.example3 ul li a[href*="yahoo.com"] { background-image: url(demo-images/yahoo.png); } موفق و پیروز باشید.