تاپیک برتر فروردین 94 : شعر به علاوه گرافیک
در این تاپیک طرح های گرافیکی تلفیق شعر و گرافیک قرار گرفته است.
  • مشاهده تاپیک برتر
  • تبلیغات   تبلیغات
    نمایش نتایج: از شماره 1 تا 5 , از مجموع 5

    موضوع: وسط چین کردن منو آبشاری

    1. #1

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Jun 2014
      عنوان کاربر
      کاربر
      شماره عضویت
      9779
      نوشته ها
      2
      پسندیده
      0
      مورد پسند : 2 بار در 1 پست

      وسط چین کردن منو آبشاری

      با سلام

      من یک منو آبشاری در سایت نصب کردم ولی هر کاری می کنم وسط نمیاد!! کدهای html و CSS این منو رو قرار دادم دوستان لطف کنن راهنمایی کنند چه کنم

      آدرس سایت: [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]



      کد HTML:


      کد HTML:
      <div class="jDesign_green__menu">
      
      <ul id="jDesign_topnav">
      
      <li><a href="">صفحه اصلی</a></li>
      
      <li>
      <a =" ">عضویت </a>
      <span>
      <a href="/register">عضویت در سایت</a>
      
      <a href="/page/sms">عضویت در سامانه پیامکی</a>
      
      
      </span>
      
      
      
      </li>
      
      <li>
      <a href="/forum">تالار گفتمان</a>
      
      </li>
      
      
      <li>
      <a ="">منوی اصلی</a>
      <span>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      </span>
      </li>
      
      
      <li>
      <a ="">منوی اصلی</a>
      <span>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      </span>
      </li>
      
      <li>
      <a ="">منوی اصلی</a>
      <span>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      </span>
      </li>
      
      <li>
      <a ="">منوی اصلی</a>
      <span>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      </span>
      </li>
      
      <li>
      <a ="">منوی اصلی</a>
      <span>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      <a href="">زیر منو</a>
      </span>
      </li>
      
      
      
      
      </ul>
      
      </div> 




      این هم کد استایل CSS :


      کد:
      
      *{font-size:11px;margin:0;padding:0;font-family:Tahoma;line-height:150%;}
      A{color:#444444;font-size:11px;text-decoration:none;text-shadow:0 0 5px #ccc;behavior:url(PIE.htc);}
      .jDesign_blue__menu {width: 950px; margin: 0 auto;}
      ul#jDesign_topnav {
      margin: 0; padding: 0;
      float: right;
      width: 950px;
      list-style: none;
      position: relative;
      font-size: 1.2em;
      background:url(http://hydrofann.com/wp-content/uploads/2014/05/green.png) repeat-x;
      font-family: Tahoma;
      }
      ul#jDesign_topnav li {
      float: right;
      margin: 0; padding: 0;
      border-right: 1px solid #555;
      }
      ul#jDesign_topnav li a {
      padding: 10px 15px;
      display: block;
      color: #f0f0f0;
      text-decoration: none;
      }
      ul#jDesign_topnav li:hover {background: #7FAA07 url (http://hydrofann.com/wp-content/uploads/2014/05/green2.png) repeat-x; }
      ul#jDesign_topnav li span {
      float: right;
      padding: 5px 0;
      position: absolute;
      left: 0; top:35px;
      display: none;
      width: 950px;
      background: #7FAA07;
      color: #fff;
      -moz-border-radius-bottomright: 5px;
      -khtml-border-radius-bottomright: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
      -khtml-border-radius-bottomleft: 5px;
      -webkit-border-bottom-left-radius: 5px;
      }
      ul#jDesign_topnav li:hover span { display: block; }
      ul#jDesign_topnav li span a {float: right; display: inline; }
      ul#jDesign_topnav li span a:hover {float: right; color:#fff;background:#202020;text-shadow:2px 1px 3px #000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:2px;-webkit-transition-property:background;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear, ease-in;-moz-transition:background .3s ease-in;-o-transition:background .3s ease-in;}
      ویرایش توسط hydrofann : 06-01-2014 در ساعت 10:18 AM

    2. #2

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Jun 2014
      عنوان کاربر
      کاربر
      شماره عضویت
      9779
      نوشته ها
      2
      پسندیده
      0
      مورد پسند : 2 بار در 1 پست
      به کمک یکی از دوستان مشکل به صورت زیر حل شد:

      در قسمت ul#jDesign_topnav کد float:right; بردارید و Margin رو برابر margin:0 auto; قرار بدید



      یک ارتفاع هم باید اضافه کنید مثلا
      height: 35px;
      [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]

    3. 2 کاربر پست hydrofann عزیز را پسندیده اند .

      Mr. Reza (06-01-2014),samisoft (10-05-2014)

    4. #3

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Feb 2018
      عنوان کاربر
      کاربر
      شماره عضویت
      21521
      نوشته ها
      1
      پسندیده
      0
      مورد پسند : 0 بار در 0 پست
      align در کد attr html رو هم میتونی Center کنی
      [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ][تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ][تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ][تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ][تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ][تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]

    5. #4

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Aug 2015
      عنوان کاربر
      کاربر
      شماره عضویت
      13830
      محل سکونت
      ایران ، تهران
      نوشته ها
      1,024
      پسندیده
      480
      مورد پسند : 433 بار در 337 پست

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

      ادرس :
      [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]

      سامار

      سلام دوستان
      برای
      تشکر از دکمه پسندیده استفاده کنید
      برای دیدن نمونه کارهای دوستم به این آدرس مراجعه نماید : www.instagram.com/sadegraphic
      [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]

      سامار



    6. #5

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Mar 2015
      عنوان کاربر
      کاربر
      شماره عضویت
      12206
      سن
      31
      نوشته ها
      900
      پسندیده
      682
      مورد پسند : 967 بار در 489 پست
      کلا این تایپیک مربوط به سال 2014 هست

      [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ][تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]


    7. 2 کاربر پست ssh عزیز را پسندیده اند .

      GrayiDEAS (02-22-2018),hamedb619 (02-27-2018)

    اطلاعات موضوع

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

    در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

    موضوعات مشابه

    1. روسری را جلو بکش خواهر! (طنز)
      توسط weatherforecaster در انجمن متفرقه
      پاسخ: 0
      آخرين نوشته: 07-15-2012, 08:49 AM
    2. ناموسا يكي بيشتر ور ندارين حرومه!!!!
      توسط jojo59 در انجمن عکس های گوناگون
      پاسخ: 3
      آخرين نوشته: 07-12-2012, 08:51 AM
    3. عجیب ترین گوساله دنیا در فارس+عکس
      توسط weatherforecaster در انجمن متفرقه
      پاسخ: 3
      آخرين نوشته: 07-01-2012, 08:01 PM
    4. عجیب ترین گوساله دنیا در فارس+عکس
      توسط weatherforecaster در انجمن اخبار اجتماعی و اقتصادی
      پاسخ: 5
      آخرين نوشته: 06-30-2012, 04:30 AM
    5. اسم اهنگی که خیلی دوسش دارین!!
      توسط SAEID در انجمن دانلود موسیقی مجاز ایرانی
      پاسخ: 5
      آخرين نوشته: 05-15-2012, 11:12 PM

    کلمات کلیدی این موضوع

    مجوز های ارسال و ویرایش

    • شما نمیتوانید موضوع جدیدی ارسال کنید
    • شما امکان ارسال پاسخ را ندارید
    • شما نمیتوانید فایل پیوست کنید.
    • شما نمیتوانید پست های خود را ویرایش کنید
    •  

    درباره گرافیران

    سایت گرافیران به منظور ارائه بهترین ابزار گرافیکی در وب در تاریخ ۴ خرداد ۱۳۸۹ ساخته شد. از آن زمان تا کنون سعی ما بر این بوده تا بهترین نمونه های آماده ، ابزار گرافیکی و آموزش های فتوشاپ را برای کاربران فراهم کنیم . گرافیران توسط هاست دی ال هاست می شود.

    اطلاعات

    طراحی شده توسط : FoX FuN

    تعرفه تبلیغات : مشاهده تعرفه ها

    ایمیل مدیریت سایت : info@graphiran.com

    لینک ها