تبلیغات بنری ویکیوز

ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
افکت زیبای متنی
نویسنده پیام
SheRvin آفلاین
پاسخگو
*
مدیر بازنشسته

ارسال‌ها: 234
تاریخ عضویت: فرو ۱۳۹۱
اعتبار: 432
سپاس ها : 713
 سپاس شده 729 بار در 204 ارسال
ارسال: #1
افکت زیبای متنی
سلام به همگی !

منبع : سایت اصلی

عملکرد : یک کد که یک افکت زیبای متنی رو هنگام حرکت ماوس بر روی عکس دلخواه نشون میده ، این رو جاهای دیگه هم میتونید استفاده کنید .

ابتدا کدهای زیر را در انتهای تمپلیت زیر قرار دهید :

قالب مورد نظر شما > header > بعد header
کد php:
<style type="text/css">



#dhtmltooltip{

positionabsolute;



border2px solid #3CA9F3;

padding2px;

font-size13px;

color#367937;

background-color#D6ECA6;

visibilityhidden;

z-index100;



    -
moz-border-radius-topleft5px;

    -
moz-border-radius-topright5px;

    -
moz-border-radius-bottomleft5px;

    -
moz-border-radius-bottomright5px;







/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

filterprogid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}



</
style>





<
div id="dhtmltooltip"></div>



<
script type="text/javascript">



/***********************************************

* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/



var offsetxpoint=15 //Customize x offset of tooltip

var offsetypoint=15 //Customize y offset of tooltip

var ie=document.all

var ns6=document.getElementById && !document.all

var enabletip=false

if (ie||ns6)

var 
tipobj=document.alldocument.all["dhtmltooltip"] : document.getElementByIddocument.getElementById("dhtmltooltip") : ""



function ietruebody(){

return (
document.compatMode && document.compatMode!="BackCompat")? document.documentElement document.body

}



function 
ddrivetip(thetextthecolorthewidth){

if (
ns6||ie){

if (
typeof thewidth!="undefined"tipobj.style.width=thewidth+"px"

if (typeof thecolor!="undefined" && thecolor!=""tipobj.style.backgroundColor=thecolor

tipobj
.innerHTML=thetext

enabletip
=true

return false

}

}



function 
positiontip(e){

if (
enabletip){

var 
curX=(ns6)?e.pageX event.clientX+ietruebody().scrollLeft;

var 
curY=(ns6)?e.pageY event.clientY+ietruebody().scrollTop;

//Find out how close the mouse is to the corner of the window

var rightedge=ie&&!window.opera
ietruebody().clientWidth-event.clientX-offsetxpoint 
window.innerWidth-e.clientX-offsetxpoint-20

var bottomedge=ie&&!window.opera
ietruebody().clientHeight-event.clientY-offsetypoint 
window.innerHeight-e.clientY-offsetypoint-20



var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000



//if the horizontal distance isn't enough to accomodate the width of the context menu

if (rightedge<tipobj.offsetWidth)

//move the horizontal position of the menu to the left by it's width

tipobj.style.left=ie
ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" 
window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"

else if (curX<leftedge)

tipobj.style.left="5px"

else

//position the horizontal position of the menu where the mouse is positioned

tipobj.style.left=curX+offsetxpoint+"px"



//same concept with the vertical position

if (bottomedge<tipobj.offsetHeight)

tipobj.style.top=ie
ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px"
 
window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"

else

tipobj.style.top=curY+offsetypoint+"px"

tipobj.style.visibility="visible"

}

}



function 
hideddrivetip(){

if (
ns6||ie){

enabletip=false

tipobj
.style.visibility="hidden"

tipobj.style.left="0px"

tipobj.style.backgroundColor=''

tipobj.style.width=''

}

}



document.onmousemove=positiontip



</script>
 


این کد رو به انتهای سطری که کد قرار گیری عکس در اون هست اضافه کنید :
کد:
onmouseover="ddrivetip('متن مورد نظر شما');" onmouseout="hideddrivetip();


مثلا برای قرار دادن یک عکس اینطوری عمل کنید :
کد php:
<a href="آدرس مقصد" 
target="_blank"><img src="آدرس عکس"  onmouseover="ddrivetip('متن 
مورد نظر شما');" 
onmouseout="hideddrivetip();" alt=""></a
(آخرین ویرایش در این ارسال: ۲۸-۲-۱۳۹۱ ۰۶:۴۹ عصر، توسط SheRvin.)
۲۸-۲-۱۳۹۱ ۰۶:۳۵ عصر
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
! Omid StaR ! آفلاین
امید کریم زاده
********
مدیریت کل سایت

ارسال‌ها: 3,846
تاریخ عضویت: فرو ۱۳۹۱
اعتبار: 2359
سپاس ها : 1643
 سپاس شده 6970 بار در 1965 ارسال
ارسال: #2
RE: افکت زیبای متنی
سپاس :heart:
نام نویسنده و لینک اصلی رو هم قرار بدید
۲۸-۲-۱۳۹۱ ۰۶:۴۷ عصر
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
SheRvin آفلاین
پاسخگو
*
مدیر بازنشسته

ارسال‌ها: 234
تاریخ عضویت: فرو ۱۳۹۱
اعتبار: 432
سپاس ها : 713
 سپاس شده 729 بار در 204 ارسال
ارسال: #3
RE: افکت زیبای متنی
بله چشم :: تمامی موضوع یا پلاگین های رو که قرار میدم داشتم به خاطر اون لینک اصلی در دستم نیست ولی برا هر کدوم رو که پیدا کردم به زودی قرار خواهم داد :heart:
۲۸-۲-۱۳۹۱ ۰۶:۴۹ عصر
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  امضای متنی Mohamm@d 0 349 ۹-۸-۱۳۹۱ ۰۳:۱۸ عصر
آخرین ارسال: Mohamm@d

پرش به انجمن:


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

اخبار فناوری اطلاعات | نرم افزار املاک | نرم افزار دامپزشکی | هتل آپارتمان مشهد | نرم افزار داروخانه | نرم افزار رستوران | نرم افزار تاکسی سرویس | نرم افزار رستوران | دانلود نرم افزار مطب | دانلود نرم افزار تاکسی سرویس | مجله پزشکی آسان طب | دکتر آسان طب | نرم افزار مطب | نرم افزار دفترچه تلفن نرم افزار چاپ چک نرم افزار رستوران نرم افزار فست فود نرم افزار کافی شاپ نرم افزار تاکسی سرویس نرم افزار نمایشگاه خودرو نرم افزار املاک نرم افزار هتلداری نرم افزار مطب نرم افزار دندانپزشکی نرم افزار انبارداری نرم افزار حسابداری فروشگاه نرم افزار وکالت مجله اینترنتی پارسی وان | مجله اینترنتی زیگیل | خرید بک لینک | خرید رپورتاژ | سینما تئاتر مای استیج | یک مهاجر | دنیای مهاجرت | مجله گردشگری کاروان | وردپرس دانلود | مجله تفریحی تندیس فان | نرم افزار | جوک جدید | ماشین آلات بسته بندی | رژیم لاغری | شلوارک لاغری هات شیپر فروشگاه اينترنتي لوازم آرايشي | اخبار هنر | اخبار کامپیوتر | سایت پزشکی | فروشگاه اینترنتی | سایت خبری | دانلود موزیک | اندروید سه | بانک شماره موبایل | پایگاه صالحین | مجله کامپیوتری | جاب لر | سهام نت | تکی کو | تم کد | شرکت تبلیغاتی | مجله خانواده | فروش جوجه بوقلمون | مجله اینترنتی وبدون | پورتال خبری | سایت تفریحی تک لایو | مجله سرگرمی سیب رنک | تولید کننده روغن زیتون | سایت پزشکی دکتر طب | باربری تهران | خرید هاست | مبل | مدرن بوک | طراحی بنر | ماشین آلات بسته بندی |
خرید vpn

برای درج تبلیغات متنی، بنری و یا رپرتاژ آگهی در این وب سایت با شماره 09370888727 تماس حاصل فرمائید