راهنمایی قرار دادن تصویر شناور

[B.Z 10]

با سلام

ممنون میشم راهنمایی کنید چطوری تصوریر شناور سمت راست یا چپ قالب بزارم

برای اینکه منظورم رو بهتر برسونم تصویر ضمیمه میکنم

[amin.poorsaeed 26]

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

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

نمونه متنی :

http://jsfiddle.net/Pd8Jc/

نمونه تصویری :

http://jsfiddle.net/Pd8Jc/1/

برای اینکار ابتدا فایل css قالبتون رو باز کنید و کد زیر رو توش قرار بدین

#scroll {
position:fixed;
top:0;
width:100%;
text-align:center;   
}

سوس به فایل index.php قالبتون رو باز کنید و کد زیر رو توش قرار بدین

<div id="scroll"><a href="http://www.rapidrocket.ir"><img src="http://jupload.ir/uploads/joomlaforum.ir_13328357821.gif" width="131" height="70"></a></div>

[amirali0001 13]

سایت جالبیه عجب امکاناتی داره tnx

http://jsfiddle.net

[amin.poorsaeed 26]

سایت جالبیه عجب امکاناتی داره tnx

http://jsfiddle.net

این سایت برای تست کد های نوشته شده به صورت آنلاین هست خیلی ازش خوشم میاد

[amirali0001 13]

یه ماژول جالب هم هست که میتونی باهاش گوشه سایت تصویر و جالب ترش فلش قرار بدی ولی فقط 4 گوشه سایت که همین جا دیدمش بگرد توی انجمن

ولی خب بهتره کمتر از ماژول و پلاگین استفاده کنی و از همین روش آقای پور سعید استفاده کنید

[amin.poorsaeed 26]

این روش چون سرعتش زیاده و کاملا با سی اس اس نوشته شده ، به همین خاطر بیشتر توصیه میشه ، ماژول پلاگین تا لود بشن سرعت سایت رو به حد زیادی پایید میارن

امیدوارم خوشتون بیاد

بازم مشکلی بود خبر بدین

[eskafild 12]

<p><a href="لینکی که می خواید"><img src="آدرس عکس" border="0" title="عنوانی که موس روش میره" style="position: fixed; bottom: 5px; right: 5px; float: right; border-image: initial; border: 0px initial initial;" /></a></p>

سلام این رو تو اچ تی ام ال تون آخرش قرار بدید مشکلتون حل میشه:13:

[reza.sh 19]

Css بهترین گزینه ممکن در تایید امین پورسعید عزیز

[omid 15]

<p><a href="لینکی که می خواید"><img src="آدرس عکس" border="0" title="عنوانی که موس روش میره" style="position: fixed; bottom: 5px; right: 5px; float: right; border-image: initial; border: 0px initial initial;" /></a></p>

سلام این رو تو اچ تی ام ال تون آخرش قرار بدید مشکلتون حل میشه:13:

آموزش میدین دستتون درد نکنه چرا خود زنی میکنید. :ad54ad:

[ابوالفضل طالبی 279]

آموزش میدین دستتون درد نکنه چرا خود زنی میکنید. :ad54ad:

چندمین باره که گفته میشه از ارسال اسپم خودداری کنید.. لطفا از ارسال اسپم خودداری کنید

با تشکر

[B.Z 10]

ممنون از همه دوستان میرم تست کنم این کد تصویر رو بالای صفحه میبرد که با کمی تغییر شد اونی که من میخوام و ممنونم از دوستان گرامی :28:

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

این کد در ایندکس قالب

<a href="Addrese link ya safhe shoma" class="livechat"></a>

کد زیر در سی اس اس قالب

.livechat {
   background: url("Adrese tasvir") no-repeat scroll 0 0 transparent;
   border: medium none;
   cursor: pointer;
   display: block;
   height: 110px;
   margin: 0;
   overflow: hidden;
   padding: 0;
   position: fixed;
   right: 0;
   text-indent: -9999em;
   top: 190px;
   width: 31px;
}

نتیجه نهایی

ویرایش شده در فروردین 91 توسط B.Z