قراردادن متن روی تصویردر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 915 24-02-2015 ساعت 09:33
آخرین ارسال: SOFTAFZAR
Note منوی دایره ای بسیار زیبا با CSS Daniel 0 1,093 01-02-2015 ساعت 16:21
آخرین ارسال: Daniel
Note تراز کردن متن و تصویر در یک خط hasti 5 812 08-09-2014 ساعت 18:48
آخرین ارسال: hasti
Note پلاگین زوم روی تصاویر WWWorker 0 348 05-02-2014 ساعت 19:23
آخرین ارسال: WWWorker
Note چند تصویر Loading AnimeIraN 1 475 07-08-2013 ساعت 15:51
آخرین ارسال: AnimeIraN

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