رفتن به مطلب

پست های پیشنهاد شده

سلام خدمت شما و خسته نباشید

من دنبال یه افزونه یا کد هستم که یک دکمه در سایدبار ایجاد کنم (حالا چه در ویرایش کدها چه از طریق ابزارک) که با کلیک روی اون به صورت لایت باکس یکسری اطلاعات نمایش داده بشه ، یه متن و عکس هستش !

منظور من دقیقا شبیه سایت http://wp-iran.com/ هست ، سمت راست روی دروازه زرین پال کلیک میکنیم یه همچین صفحه ای باز میشه ، هدف من دقیقا همین استایل هست !

ممنون میشم راهنمایی کنید منو !

لینک به ارسال

سلام

لایت باکس نیست و پاپ آپ هست .

اول باید کد جاوا رو بذارید :


<script language="javascript" type="text/javascript">
<!--
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes';
win=window.open(mypage,myname,settings);}
// -->
</script>

بعدش کد html :


<a href="http://www.google.com" onclick="NewWindow(this.href,'Farid','400','400','no','center');return false" onfocus="this.blur()">لینک</a>

به جای لینک گوگل لینک مورد نظرتون رو که میخوایید در پنجره باز شه بذارید و به جای دو عدد 400 طول و عرض پنجره مورد نظر رو وارد کنید .

حالا مثلا شما عکس میخوایید اینجوری بذارید :


<a href="http://www.google.com" onclick="NewWindow(this.href,'Farid','400','400','no','center');return false" onfocus="this.blur()"><img src="img/test.png" width="24" height="24" alt=""></a>

لینک به ارسال

خیلی ممنون از راهنمایتون ، نامردا به من گفتن لایت باکس !!!

والله من زیاد وارد نیستم ، کد جاوا رو باید دقیقا کجا قرار بدم؟!

راستی بالا اینو یادم رفت بگم که قالب سایت من وردپرس هستش :|

لینک به ارسال

فایل header.php رو باز کنید و کد جاوا رو قبل از پایان تگ هد ( یعنی قبل از <head/> ) بذارید . کد html رو هم هرجایی از قالب که میخوایید نمایش داده بشه

لینک به ارسال

آقا تشکر از لطفتون درست شد :)

یه سوال فنی دیگه داشتم در صورت امکان راهنمایی بفرمایید ، تو این قالب که شخصی سازی شده http://www.waha.ir/ ، مطالب تو صفحه اول پشت سر هم هستن با ویرایشگر فاصله میندازم حتی از کد </br> هم استفاده کردم ولی باز درست نشد ! باید چیکار کنم که پشت هم نباشن ؟!

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...