رفتن به مطلب

tazeh

عضو سایت
  • تعداد ارسال‌ها

    278
  • تاریخ عضویت

  • آخرین بازدید

نوشته‌ها ارسال شده توسط tazeh

  1. SVG درون خطی html5

    svg مخفف: Scalable Vector Graphics به معنای گرافیک برداری مقیا پذیر است

    SVG چیه؟

    1- استفاده می شه برای مشخص کرد مبنای بردار گرافیکی در وب

    2-گرافیک را در فرمت xml تعریف می کند.

    3- بابزرگنمایی آن کیفیت خودش رو از دست نمی ده.

    4-هر عنصر (Element) و هر خصوصیتی در SVG قابلیت متحرک شدن دارد.

    مزیت های SVG:

    1. تصاویر می توانند براحی ایجاد و بوسیله ویرایشگر متن ویرایش بشن
    2. این تصاویر می توانند جستت و جوبشن. ایندکس بشن .فشرده بشن و بصورت اسکریپت هم دربیان
    3. این تصاویر مقیاس پذیر هستند
    4. این تصاویر می تونند با کیفیت و سایت بالا چاب بشن
    5. زوم کردن روی این تصاویر بدون افت کیفیت

    مرگرهایی که پشتیبانی می کنند؟

    کروم.موزیلا.سافاری .اپرا.اینترنت اکسپلورر

    به کاربردن SVG در html


    <!DOCTYPE html>
    <html>
    <body>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
    <polygon points="100,10 40,180 190,60 10,60 160,180"
    style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
    </svg>
    </body>
    </html>

    نمایش نتیجه

    منبع:w3schools.com

    • امتیاز 6
  2. سلام طبق گفته یکی از دوستان سایت ما چنین مواردی داره

    سایت شما 2.3 مگابایت حجم داره . خب مسلمه که زمان میبره تا سایت لود شه .

    خوب من می خوام موارد اضافی رو درست کنم و حف کنم تا سرعت بهتر شه

    دوستان راهکار دارید بگید پله به پله انجام بدم تا سرعت بهتر شه ممنون میشیم منتظرم..

    می خوام حجم صفحه اول را تا جاییه ممکن کم کنم.

    http://www.mashhadia.ir

    دوست عزیز الان حجم صفحه ی سایت شما حدود 2.6 مگابایت هشت که سرعت لود اون هم 14.47 s هست.

    این چندتا مشکل رو باید حل کنید.

    آخر فایل های استایل شما ? وجود داره که این با توجه به درخواست هایی که داده می شه روی این مورد گیر می کنه و حدود چندین میلی ثانیه طول می کشه.

    این صفحه رو نگاه کنید

    باید فایل های css و صفحات php/html خودتون رو فشرده کنید و بصورت دستی .

    برای فشرده کردن

    css

    فشرده ساز

    php/html

    فشرده ساز ( وقتی می خواید هر صفحه از قالبتون رو که شامل کدهای php و Html هست ویرایش کنید code type رو روی php/X/html قرار بدید)

    نکته باید هر فایل رو فشرده کنید از header.php گرفته تا footer.php البته بغیر از function.php

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

    شما چند تصویر حذف شده دارید که هر تصویر حدود 5.2 ثانیه صبر می کنه و دنبالیشون می گرده و بعد صفحه لود می شه که همین خیلی طول می که این آدرس های شکسته رو حذف کنید

    hotanddate-bg.jpg

    www.mashhadia.ir/wp-content/themes/News-world-2/styles/head.jpg

    logo.png

    bg-search.png

    bg2post.png

    iconfeed.png

    plusminus.png

    icon-photo.pngگ

    bgtoppost.jpg

    next.png

    prev.png

    galllery-wrap.png

    سوم.

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

    چهارم

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

    لینک

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

    .

    این روش تضمین شده است و یکی از وب سایت هایی که اینکه رو کرده وب سایت زیر هست که سرعت لودش خیلی کم شده

    www.tazehnegar.net

    موفق باشید

    • امتیاز 5
  3. در این تاپیک سورس های php قرار گرفته می شه . برای کسانی که در حال آموزش php هستند بسیار مفید هستش و می تونند از اونها برای پیشرفت در php استفاده کنند.

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

    سورس ثبت نام دانشجویی

    رمز فایل:www.sourcebaran.com

    منبع:sourcebaran

    source php.rar

    • امتیاز 6
  4. ایجاد یک دایره با CSS3

    نشانه گذاری HTML


    [size=2]

    <div class="circle">
    </div>[/size]

    نشانه گذاری CSS

    [size=2]

    .circle {
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border:1px solid #9ab7da;
    height:200px;
    width:200px;
    background:#b3d4fc;
    }[/size]

    ترجمه: خودم

    منبع: weebtutorials.com

    ایجاد مطلب جداگانه در ستون

    نشانه گذاری

    HTML


    [size=2]

    <ul class="ColWrap2">
    <li> I am in column 1 </li>
    <li> I am in column 1</li>
    <li> I am in column 1</li>
    <li> I am in column 2 </li>
    <li> I am in column 2 </li>
    <li> I am in column 2 </li>
    <li> I am in column 3</li>
    <li> I am in column 3 </li>
    <li> I am in column 3 </li>
    <li> I am in column 4 </li>
    <li> I am in column 4 </li>
    <li> I am in column 4 </li>
    </ul>[/size]

    نشانه گذاری CSS


    .ColWrap2 {
    column-count: 4;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    }

    مترجم:خودم

    منبع:weebtutorials.com

    • امتیاز 7
  5. ایجاد دکمه های شبکه اجتماعی سه بعدی با css

    نشانه گذاری HTML

    تگ ها را به صورت زیر در html وارد کنید.

    برای سفارشی کردن هر دکمه باید برای هر تگ li یک کلاس جداگانه نوشو

    دمو



    <ul>
    <li><a href="#" class="twitter-small">Twitter</a></li>
    <li><a href="#" class="facebook-small">Facebook</a></li>
    <li><a href="#" class="pinterest-small">Pinterest</a></li>
    <li><a href="#" class="gplus-small">GPlus</a></li>
    <li><a href="#" class="rss-small">RSS</a></li>
    <li><a href="#" class="dribbble-small">Dribbble</a></li>
    <li><a href="#" class="linkedin-small">Linkedin</a></li>
    <li><a href="#" class="flickr-small">Flickr</a></li>
    <li><a href="#" class="stumble-small">Stumbleupon</a></li>
    <li><a href="#" class="vimeo-small">Vimeo</a></li>
    </ul>

    نشانه گذاری CSS

    در اینجا باید دوکار انجام دهیم اول ایجاد استایل دکمه و دومی نوشته که ابتدا به استایل دادن دکمه می پردازیم



    a {
    position: relative;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Oswald';
    display: block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 60px;
    text-align: center;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;

    height:54px;
    cursor:pointer;
    overflow:hidden;

    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    }

    a:active {
    -webkit-transform: translate(0, 3px);
    -moz-transform: translate(0, 3px);
    transform: translate(0, 3px);
    }

    این سه تا خواص آخر که به a:aktive داده شده باعث می شه نوشته پنهان بشه . قبلا از text-idnent که قدیمی بود استفاده می شده اما الان از CSS3 translate property استفاده می شه

    در اینجا پس زمینه رنگ آیکن و سایه را برای آیکن ایجاد می کنیم

     a.twitter-small{
    -webkit-box-shadow: 0px 6px 0px #2695BC;
    -moz-box-shadow: 0px 6px 0px #2695BC;
    box-shadow: 0px 6px 0px #2695BC;
    }
    a.twitter-small{background:#2CA9E1 url("images/twitter.png") no-repeat center center;}

    a.twitter-small:active{ -webkit-box-shadow: 0px 2px 0px #2695BC;
    -moz-box-shadow: 0px 2px 0px #2695BC;
    box-shadow: 0px 2px 0px #2695BC;
    }

    نکته: زمانی که یک دکمه ی بزرگ ایجاد می کنید راه مناسب و راحت تر برای گذاشتن نوشته در دکمه استفاده از absolute positioning هست.

    مترجم: خودم

    منبع:flashuser.net

    • امتیاز 11
  6. این تاپیک رو آغاز کردم که تکنیک های css در اینجا قرار بگیره ،

    اولین آموزش: تبدیل عکس رنگی به سیاه و سفید

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

    ابتدا باید نام یک کلاس برای تصویر خود بنویسیم grasycale

    کد html



    <img src="my_picture.jpg" class="grayscale" />

    نشانه گذاری css

    حالا به کلاس grayscale استایل می دهیم تا در مرورگرها IE6,Firefox ,Webeki این عملیات اجرا بشه.



    img.grayscale {

    /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
    -webkit-filter: grayscale(1);

    /* this is for Firefox 3.5+, Firefox mobile */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");

    /* for IE6+ */
    filter: gray;
    }

    عکس ها

    post-63-0-44562500-1372834271_thumb.jpg

    post-63-0-64386700-1372834203_thumb.jpg

    این تکنیک بصورت استاندارد در مرورگرهای Webkit یا بررسی کنند اجرا می شه اما برای اینکهدر فایر فاکس و اپرا (البته اپرا 2013 از این فیلتر پشتیانی نمی کنه اما نگران نباشید به اپرا هم اضافه می شه} هم اجرا بشه این استایل رو به کلاس بالا اضافه کنید.



    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);

    مترجم:خودم

    منبع:www.codicode.com

    • امتیاز 10
  7. دوست عزیز فایل این محتویات رو در category.php بریزید


    <?php get_header(); ?>
    <?php wp_reset_query(); ?>
    <div class="page_body">
    <div class="single-r">
    <div class="single-r-adv">
    <?php if ( ! dynamic_sidebar( 'right-single-widget-area' ) ) : ?>
    <li>
    <a href="http://zoobino.com"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/adv-right.jpg"></a>
    </li>
    <?php endif; ?>
    </div>
    <div class="single-tabber">
    <?php include('tabber.php'); ?>
    </div>
    </div>
    <div class="single-m">
    <div class="single-c1"></div>
    <div class="single-c2">
    <?php wp_reset_query(); ?>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="single-meta">
    <span class="newscode">كدخبر: <?php the_ID(); ?></span>
    <span class="newsdate">تاريخ : <?php the_time('j F Y - H:i') ?></span>
    <span class="newsprint"><a href="javascript:window.print()" rel="nofollow">نسخه چاپي</a></span>
    <span class="newssend"><a href="mailto:?subject=<?php the_title();?>&body=<?php the_permalink() ?>" title="حتما بخوانید">ارسال به دوستان</a></span>
    </div>
    <h2 class="single"><?php the_title(); ?></h2>
    <?php the_content(); ?>
    <?php endwhile; else: ?>
    <p>متاسفیم. هیچ نوشته ای در این آدرس یافت نشد.</p>
    <?php endif; ?>
    </div>
    <div class="single-c3"></div>
    </div>
    <div class="adv">
    <div class="adv-top"></div>
    <div class="adv-mid">
    <?php if ( ! dynamic_sidebar( 'secondary-widget-area' ) ) : ?>
    <li>
    <a href="http://zoobino.com"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/sing-adv-left.jpg"></a>
    </li>
    <?php endif; ?>
    </div>
    <div class="adv-bot"></div>
    </div>
    <div class="clr"></div>
    <?php get_footer(); ?>

    • امتیاز 1
  8. دوست عزیز این رو امتحان کنید

    یک فایل category.php رو بسازید و محتویات single.php رو توی اون کپی کنید احتمالا درست بشه. من خودم یه قالبی که ساختم همین مشکل رو داشتم

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

    • امتیاز 2
  9. نام افزونه:

    Microblog Poster

    توضیحات:

    ارسال خودکار مطالب وب سایت به چندین شبکه اجتماعی مشهور ( فیس بوک،توییتر،پلارک،لذیذ،فرندفید،دیگو) بدون هیچ دردسری

    ویژگی ها:

    - انتشار خودکار مطالب

    - ارسال خودکار سیگنال و اشتراک گذاری به حساب های رسانه ای

    - سیگنال های اجتماعی و ژنراتور خودکار لینک دهنده

    و…

    نصب:

    بعد از فعال سازی افزونه در تنظیمات ان باید یک اپیلیکیشن در فیس بوک و توییتر ایجاد کنید و در بقیه شبکه های اجتماعی دیگر اگر اینگونه نبود باید نام کاربری و رمز عبور شبکه اجتماعی مورد نظر رو وارد کنید . برای آموزش از این قسمت می توانید استفاده کنید

    صفحه:


    http://wordpress.org/plugins/microblog-poster/

    منبع: پلاگین ها

    microblog-poster.1.2.61.zip

    • امتیاز 7
  10. سلام

    سایتی هست حذف و نص شده الان الکسا داره همین طور می ره بالا قبلا 600 هزار بود اما حدود چندماهی هست الان رسیده به 5 میلیون.

    گوگل هم جدیدا هیچ اخطاری نداده افزونه notfound هم نصب کردم که مشکل صفحات و مطالب حذف شده رو حل کرده.

    الان نمی دونم مشکلش کجاست

    لطفا کمک کنید

    الکسا

    سایت

  11. چرا می ده. البته اگه از خود وب سایت اقدام به خرید کنید محدودیت سرعت داره. اما اگر از نمایندگی ها بگیری تا سرعت 2 مگ نامحدود هم میدن حدود 74 هزار تومن

    من الان 128 اختصاصی گرفتم ، پایین ترین سرعت 68 کیلوبایت دانلود و افت هم نداره اما فعلا زیاد نشده

    مخابرات بهتره

  12. چگونه می توان برای سایت وردپرسی اپلیکیشن های موبایل ساخت مانند این تصویر؟

    دوست عزیز شما می تونید از افزونه feed.nu برای ساخت اپیلیکشین فید خوان مقل fgadget.ir برای سایت وردپرسی خود بسازید



    http://wordpress.org/plugins/feed-nu/

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



    http://wordpress.org/plugins/wiziapp-create-your-own-native-iphone-app/
    http://wordpress.org/plugins/app-generator/

    منبع:fotolia.ir

    • امتیاز 3
  13. یا تا بحال به فکر این افتاده اید که در عرض دو دقیقه متوجه بشید که سئو پستی که میخواهید ارسال کنید ۱۰۰% است یا نه ؟

    اگر بله , امروز میخواهم به شما یک افزونه عالی برای سئو معرفی کنم به نام SEO Plugin by SQUIRRLY که در مدت بسیار بسیار کوتاهی به یک افزونه محبوب برای سئو تبدیل شده است. این محبوبیت رو میتونم به هوشمند بودن و سریع بودنش تعلق بدم.

    امکانات این افزونه واقعا اعجاب انگیره که در زیر به برخی از آنها اشاره میکنم :

    تحقیقات در مورد کلمه کلیدی :

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

    دستیار آنلاین SEO :

    بررسی سئوی نوشته و برگه در یک زمان ایده آل , بطوری که شما میتوانید قبل از اینکه دکمه انتشار را بزنید متوجه شوید که نوشته شما سئوی ۱۰۰% دارد یا خیر ؟

    جعبه های راهنما :

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

    خواندن مطالب مرتبط با مقاله خود در وردپرس :

    ابزار KeenSkim به شما کمک میکنه که مقالات مرتبط با مقاله خودتون رو بطور مستقیم در وردپرس خودتون مطالعه کنید و اینطوری ۶۰% از زمانتون رو برای خودتون نگه دارید !

    شما با این افزونه میتوانید آخرین نکات بهینه سازی موتور های جستجو رو مشاهده نمایید , البته برای آپدیت نکات باید از پلن های تجاری این افزونه استفاده کنید !

    وبلاگ شما با ۲۱۰% پیشرفت در زمینه بهینه سازی مقالاتتان میتواند رتبه خیلی خوبی در گوگل بگیرد در طی طولانی مدت بازخورد بهتری نسبت به اینکه ۵ نفر شبانه روز روی سئوی شما کارکنند داشته باشید !

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

    منبع:w w w . w o r d p r e s s 9 8 . c o m

    • امتیاز 1
  14. سلام

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

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



    <?php wp_list_cats('sort_column=NAME&optioncount=0&hierarchical=1'); ?>

  15. بنظر من دوست عزیز الان شما رشته ریاضی هستید

    خوب بهتر این هستش که شما برید بخونید برای کنکور ملی و داشنگاه و رشته موردنظرتون رو انتخاب کنید و برنامه نویسی تحت وب رو هم یاد بگیرید css , asp ,php ,...

    ولی در مورد برنامه نویسی تحت وب شخصا می گم اصلا نیازی به دانشگاه رفتن نیست ، چون خود شما می گید تحت وب پس باید آموزش ها هم در وب باشه :D

    بله شاید در وب سایت های ایرانی کم بشه ولی خیلی بهتر از چندسال پیش هست ، الان خوب دارن پیش می رن

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

    من خودم هم صنایع شیمایی می رفتم و هم برنامه نویسی می کردم . دانشگاه که شب و روز کلاس نیست ، فقط 3 یا 4 روز باشه بقیش بیکاری می تونی از صبح تا شب برنامه نویسی یادبگیری :lol:

    بعدش هم الان من خیلی از مدیران وب و طراحان وب موفق رو می شناسنم که اصلا رشته شون کامپیوتر نبوده ( البته یه وقت دوستان رشته کامپیوتر ناراحت نشن ها !! این نظر منه)

    مثلا اگر من مثال بزنم و قصد تبلیغ هم ندارم ، مدیر انجمنت مجید آنلاین ( اقای مجید علوی زاده) من فایل صوتی شون رو گوش می کردم می گفتند که رشته من مکانیک بوده.

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

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

    چون برنامه نویسی یه شغل ثابتی نداره و اگر یه شغلی داشته باشید و برنامه نویسی هم کنید اینطوری خیلی عالیه

    موفق باشید :lol: :lol: :lol: :lol: :lol:

    • امتیاز 1
  16. من قبلا دانشجوی صنایع شیمیایی بودم ولی الان دیگه نیستم

    حدود دوسال هست که با طراحی وب و وردپرس آشنایی دارم

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

    اما برای نکات جدید و ویژگی های جدید برنامه نویسی تحت وب از جمله وردپرس باید به وب های خارجکی سر زد

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

    کلا انجمن باحالیه :lol: :lol: :lol::wub::ph34r:

    • امتیاز 5
×
×
  • اضافه کردن...