• قراردادن متن روی تصویردرhtml
    #1
    Note 
    درود برشما.
    شرمنده میخواستم بدونم چه جوری میتونیم تو htmlروی عکس متنی بنویسیم(اصلا این قابلیت وجود داره یا باید از طریق فتوشاپ این کار رو انجام داد)؟

    پاسخ
    #2
    Note 
    سلام
    کد کامل:
    [HTML]
    <!DOCTYPE html>
    <html>
    <head>
    <title>Title of document</title>
    <meta charset="utf-8" />
    </head>
    <body>
    <style text="text/css">
    #textonimg {
    position: relative;
    left: -250px;
    top: -100px;
    font-size: 30px;
    }
    </style>
    <div id="imgc">
    <img src="http://www.softafzar.net/support-us/images/300_250.gif" alt="salogo" />
    <span id="textonimg">text on image</span>
    </div>
    </body>
    </html>
    [/HTML]

    پاسخ
    #3
    Note 
    مچکرم
    میشه این کد رو نگاه کنید مشکل منو برطرف کنید(مشکلم اینه که میخوام این متن کنار تصویرم قرار بگیره و لی میره زیر عکسم)

    <style type="text/css">

    body
    {
    background-color:#000;
    }

    #header
    {
    text-align:center;
    color:#FFF;

    }

    #img1
    {
    text-align:justify;
    color:#F90;
    }

    #h2
    {
    color:#FFF;
    }







    </style>
    </head>

    <body>


    <div id="header"><img src="tooplate_fp_wrapper-copy3.jpg" alt="khorshid" width="1170"/></div>
    <br />
    <h2 id="h2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Who We Are</h2>
    <div id="img1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <img src="tooplate_image_01.jpg" alt="orange" align="top" />&nbsp;&nbsp;Maecenas tristique lobortis nisl, ac varius nulla consequat a. Nam</p>
    egestas mi nec tortor molestie accumsan tempus diam egestas. Sed dapibus erat sapien, a faucibus arcu.
    </div>

    پاسخ
    #4
    Note 
    سلام دوست عزیز
    کدارو تو بلاک کد باید بذاری
    دیگه کدو که داد کاری نداره!
    [CSS]
    h2#h2 {
    position: relative;
    top: -200px;
    left: 50px;
    }
    [/CSS]

    پاسخ
    ایجاد موضوع جدید   پاسخ به موضوع  

    موضوعات مرتبط با این موضوع...
    موضوع نویسنده پاسخ بازدید آخرین ارسال
    Note متحرک کردن تصویر پس زمینه؟ parsA 1 1,301 24-02-2015 ساعت 09:33
    آخرین ارسال: SOFTAFZAR
    Note منوی دایره ای بسیار زیبا با CSS Daniel 0 1,893 01-02-2015 ساعت 16:21
    آخرین ارسال: Daniel
    Note تراز کردن متن و تصویر در یک خط hasti 5 1,045 08-09-2014 ساعت 18:48
    آخرین ارسال: hasti
    Note پلاگین زوم روی تصاویر WWWorker 0 480 05-02-2014 ساعت 19:23
    آخرین ارسال: WWWorker
    Note چند تصویر Loading AnimeIraN 1 604 07-08-2013 ساعت 15:51
    آخرین ارسال: AnimeIraN

    کاربرانِ درحال بازدید از این موضوع:   1 مهمان