/ سوال در مورد گذاشتن عکس در css
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 3 از 3

موضوع: سوال در مورد گذاشتن عکس در css

  1. #1
    alireza.pir آنلاین نیست.
    alireza.pir
    کاربر سايت
    221نوشته155مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    192
    پسندیده است
    210 پست
    بلاگ
    1 پست
    میزان امتیاز
    165
    www.udk.ir

    سوال در مورد گذاشتن عکس در css

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

    کد PHP:
    <!DOCTYPE html>
    <
    html>
    <
    head>
    <
    style>
    .
    postrowsf
    {
    floatleft;
    margin-top5px;
    backgroundrgb(112221236);
    margin-bottom: -6px;
    margin-right6px;
    margin-left0px;
    border-radius0px 0px 7px 7px;
    margin-top: -5px;
    border-top2px solid rgb(0178185);
    padding5px;
    width:30px;
    height:28px;
    transitionheight 2s;
    -
    webkit-transitionheight 2s/* Safari */
    }
    .
    postrowsf:hover
    {
    height:200px;
    }

    .
    takhpic {
    padding0px 0px 0px 0px;
    border-radius2px;
    floatleft;

    }
    </
    style>
    </
    head>
    <
    body>
    <
    div class="postrowsf"><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></br><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></br><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></br><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></br><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></br><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></div></div></body></html
    مشکل بنده اینه که میخوام عکس ها اینطوری به نمایش در نیاد. یعنی میخوام عکس ها (از دومی به بعد) مخفی باشه، و وقتی هاور میشه به نمایش دربیاد. (تو ادیتور آنلاین همینجا کد ها رو کپی کنید متوجه میشید منظورم چیه)

    ممنون میشم راهنمایی بفرمائید.

  2. نوين وردپرس تبلیغات شما

  3. #2
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    این کد ها رو تست کنید :
    کد:
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .postrowsf
    {
    float: left;
    margin-top: 5px;
    background: rgb(112, 221, 236);
    margin-bottom: -6px;
    margin-right: 6px;
    margin-left: 0px;
    border-radius: 0px 0px 7px 7px;
    margin-top: -5px;
    border-top: 2px solid rgb(0, 178, 185);
    padding: 5px;
    width:30px;
    height:28px;
    transition: height 2s;
    -webkit-transition: height 2s; /* Safari */
    overflow: hidden;
    }
    .postrowsf:hover
    {
    height:200px;
    }
    
    .takhpic {
    padding: 0px 0px 0px 0px;
    border-radius: 2px;
    float: left;
    }
    </style>
    </head>
    <body>
    <div class="postrowsf"><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></br><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></br><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></br><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></br><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></br><img class="takhpic" src="http://up.udk.ir/images/hc54tfpalgij5wbyfw6q.png"></div></div></body></html>

    4 نفر از اعضا پست WikiVB را پسندیده اند


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #3
    alireza.pir آنلاین نیست.
    alireza.pir
    کاربر سايت
    221نوشته155مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    192
    پسندیده است
    210 پست
    بلاگ
    1 پست
    میزان امتیاز
    165
    www.udk.ir
    خیلی خیلی ممنون آقا مصطفی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    بله حل شد مشکلم.

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

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

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

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

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

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