B.Z

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

11 پست در این موضوع

با سلام

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

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

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

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

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

نمونه متنی :

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>

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

<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:

Share this post


Link to post
Share on other sites
<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:

Share this post


Link to post
Share on other sites

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

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

با تشکر

Share this post


Link to post
Share on other sites

ممنون از همه دوستان میرم تست کنم این کد تصویر رو بالای صفحه میبرد که با کمی تغییر شد اونی که من میخوام و ممنونم از دوستان گرامی :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;
}

نتیجه نهایی

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

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری