• ساخت منو بازشو به صورت تب با css3

    ۱۳۸۹

    مهر
    ۰۶:۰۷



    سلام

    امروز با ساخت منوبار به صورت تب با css3 در خدمت شما هستیم.

    این منو  با استفاده از :target   ساخته میشود و کم حجم و زیبا است.

    i55 target ساخت منو بازشو به صورت تب با css3

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

    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
    <html>
    <head>
    <title>marjae graphic</title>
    <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>

    <style type=”text/css”>
    <!–
    div.bir-tab {
    position: absolute;
    top: 40px;
    left: 40px;
    }

    div.bir-tabs a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: smaller;
    color: #e0e0e0;
    background-color: #404040;
    border: thin solid black;
    margin-right: 2px;
    padding: 0px 2px;
    -moz-border-radius: 5px 5px 0px 0px;
    }

    div.tab {
    display: none;
    height: 250px;
    border: thin solid black;
    -moz-border-radius: 0px 0px 5px 5px;
    text-align: center;
    }

    div.tab:target {
    display: block;
    }

    :target div.tab {
    display: block;
    }
    :target div.tab + div.tab{
    display: none;
    }

    –>
    </style>
    </head>

    <body>
    <div>
    <div><a href=”#general”>General</a><a href=”#birdesign”>birdesign</a></div>

    <div id=”general”><p>General</p>
    <p>marjae takhasosi graphic</p>
    <p>amade tbdl link hastim</p>
    </div>
    <div id=”birdesign”>
    <p>birdesign</p>
    <p>shoma niz mitavanid yeki az nevisandegan ma bashid</p>

    </div>

    </div>
    </body>
    </html>

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

    کد ها خیلی واضح است درصورتی که مشکلی دارید اطلاع دهید تا توضیح داده شود.

    sharethis ساخت منو بازشو به صورت تب با css3


    اين مطلب را به اشتراک بگذاريد :

    اشتراک گذاري در گوگل ريدر اشتراک گذاري در خوشمزه اشتراک گذاري در فيس بوک دنبال کردن نظرات مطلب اشتراک گذاري در فرندفيد اشتراک گذاري در google buzz اشتراک گذاري در توييتر اشتراک گذاري در designflot ايميل کردن اين مطلب ارسال ایمیل به دوستان در Gmail

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

    10 نظر براي ساخت منو بازشو به صورت تب با css3

    1. مرتضی می‌گه:

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

      لطفا جواب بدهید

      • admin می‌گه:

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

    2. آشمون می‌گه:

      سایت پر محتوا و جالبی داری

    3. مرتضی می‌گه:

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

      فقط تو طراحی فتوشاپ آماتور هستم

    4. good می‌گه:

      سلام دوست عزیز تمایل دارم در مورد مطلب نویسندگی بیشتر بدونم اما شماره ای نداشتید اگه میشه توضیحات بیشتررا به ایمیلم بفرستید
      ممنون

    5. نایس تو نت می‌گه:

      سلام خواهشا توضیح دهید چگونه میتونم از این منوها تو قلب اچ تی ام الم استفاده کنم

      ممنون میشم پاسخ را ایمیل کنید

      مرسی

      • admin می‌گه:

        خیلی راحته
        اول باید استایل رو به فایل css تون اعمال کنید سپس تکه کد داخل قسمت body را در هرقسمتی از قالبتون که میخواهید اعمال کنید.

        General

        marjae takhasosi graphic

        amade tbdl link hastim

        birdesign

        shoma niz mitavanid yeki az nevisandegan ma bashid

        بجای پاراگراف ها میتونید از هر چیزی که میخواین متن یا تکه کد داینامیک استفاده کنید.;)

    6. amir می‌گه:

      کارت عالیه….
      واقعا تو این اوضاع بد داری حرفه ای کار میکنی ازت خوشم میاد…

      کم نیاری ها ادامه بده///////////