در حال نمایش 7 نوشته - 1 تا 7 (از کل 7)
  • نویسنده
    نوشته ها
  • #29809

    Hfahime
    مشارکت کننده

    سلام دوستان
    من دارم یه قالب برای سایتم طراحی میکنم تو قسمت سایدبار دچار مشکل شدم استایل نویسی میکنم براش اما اعمال نمیشه نمیدونم باید چیکارش کنم ممنون میشم که شما دوستان عزیز کمکم کنید وقتم خیلی کمه
    و میخوام سایدبارم مثل مال این سایت بشه اگه امکانش هست و کسی بلد هست کدهایhtmlوcssاین سایدبارو بهم بگین
    http://research.nums.ac.ir/

    #29815

    سعید شعبانی
    کلید دار

    درود بر شما, به روکش خوش آمدید

    لطفا بفرمایید که دقیقا با کدنویسی کدوم بخش مشکل دارید تا راهنمایی کنم. برای درک ساختار کدنویسی کلی سایدبار این سایت هم می تونید page source اون سایت را ببینید یا از ابزار inspect element مرورگر ها استفاده نمایید.

    #29829

    Hfahime
    مشارکت کننده

    سلام ممنون
    من افزونه dropdown menuنصب کردم برای ساخت منوهای آبشاری با این استایل اما زیرمجموعه هام تو سایت نشون نمیده چند تا افزونه دیگه هم امتحان کردم اما مشکلم حل نشد.
    inspect eleement اون سایت رو هم نگاه کردم اما متاسفانه چیزی متوجه نمیشم اگه میشه کمکم کنید

    #29833

    سعید شعبانی
    کلید دار

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

    #29871

    Hfahime
    مشارکت کننده

    ممنون آقای شعبانی
    اگه بخوام منو بصورت عمودی در قسمت سایدبار نمایش داده بشه باید چه تگ هایی رو تغییر بدم؟

    #29884

    سعید شعبانی
    کلید دار

    برای اینکه منو را داخل نوار کناری سایت قرار بدید فقط باید در بخش کدهای css منو تغییراتی را ایجاد کنید. یعنی کد های html همگی مانند قبل هستند و فقط باید تغییراتی جزئی در کدهای css ایجاد کنید. من این کارو انجام دادم که شما می توانید با جایگزین کردن کدهای css زیر به جای کدهایی css قبلی منو آبشاری را داخل نوار کناری داشته باشید. (اینجا می توانید نمونه این منو را ببینید)

    nav {
        background: none repeat scroll 0 0 #708090;
        margin: 0 auto;
        width: 150px;
    }
    nav ul li a {
        border-bottom: 1px solid #75BCD9;
        color: #485868;
        display: block;
        font-family: tahoma;
        font-size: 15px;
        padding: 10px 15%;
        text-align: right;
        text-decoration: none;
    }
    nav > ul > li > a {
        padding: 10px 20px;
    }
    nav ul li {
        margin: 0;
        position: relative;
    }
    nav ul li ul {
        background: none repeat scroll 0 0 #708090;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 100%;
        top: 0;
        transition: all 0.5s ease 0s;
        visibility: hidden;
        width: 170px;
    }
    nav ul li:hover > ul {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    nav ul li ul li ul {
        border-right: 1px solid #5D6D7D;
        right: 100%;
        top: 0;
        z-index: 2;
    }
    nav ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }
    nav > ul > li {
        background: none repeat scroll 0 0 #87CEEB;
        border-left: 1px solid #73BAD7;
        display: block;
    }
    nav ul li ul li a {
        border-bottom: 1px solid #637383;
        color: #333333;
        float: none;
        text-align: right;
        width: 70%;
        z-index: 2;
    }
    nav ul li ul li {
        clear: both;
        display: block;
        float: none;
        position: relative;
        width: 100%;
        z-index: 2;
    }
    #29909

    Hfahime
    مشارکت کننده

    ممنون از لطف بی نهایتتون
    خیلی کمک کردین

در حال نمایش 7 نوشته - 1 تا 7 (از کل 7)

کاربر گرامی برای پاسخ به این موضوع اگر عضو روکش هستید باید سایت شوید در غیر اینصورت باید عضو شوید.