امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
گذاشتن عکس در پاپ اپ
نویسنده پیام
neda411 آفلاین
از بروبچه های گل تالار
**
انجمن وبلاگ نویسان
ارسال‌ها: 150
موضوع‌ها: 32
تاریخ عضویت: Oct 2010
اعتبار: 4
ارسال: #1
گذاشتن عکس در پاپ اپ
سلام
در خیلی از سایتها یه متنی را به صورت قاب توی سایت به محض ورود نشون میدن که قابل بسته شدن است
ایا کدی هست که بشه عکس را بجای متن نشون داد البته نه به صورت پاپ اپ
مثل سایت امین رنک که متن را اول سایت نشون میده
ممنون
09-16-2011، 07:12 PM
وب سایت ارسال‌ها پاسخ
M@soud آفلاین
مدیر ارشد تالار
******
انجمن وبلاگ نویسان
ارسال‌ها: 1,040
موضوع‌ها: 436
تاریخ عضویت: Jul 2010
اعتبار: 17
ارسال: #2
RE: گذاشتن عکس در پاپ اپ

کد:
<script type="text/javascript" >
/* http:forum.yas-theme.com/ */
var ALERT_TITLE = "خوش آمدید";
var ALERT_BUTTON_TEXT = "بستن";
if(document.getElementById) {
  window.alert = function(txt) {
    createCustomAlert(txt);
  }
}

function createCustomAlert(txt) {
  d = document;

  if(d.getElementById("modalContainer")) return;

  mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
  mObj.id = "modalContainer";
  mObj.style.height = document.documentElement.scrollHeight + "px";

  alertObj = mObj.appendChild(d.createElement("div"));
  alertObj.id = "alertBox";
  if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
  alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";

  msg = alertObj.appendChild(d.createElement("p"));
  msg.innerHTML = txt;
  
  btn = alertObj.appendChild(d.createElement("a"));
  btn.id = "closeBtn";
  btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT));
  btn.href = "#";
  btn.onclick = function() { removeCustomAlert();return false; }
}

function removeCustomAlert() {
  document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer"));
}
</script>
<style>
#modalContainer {
        padding-top:100px;
    background-color:transparent;
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:10000;
}


#modalContainer > #alertBox {
    position:fixed;
        width:500px;

}


#alertBox p {
    font:0.7em tahoma,arial;
    height:300px;
background-image:url('275827_100000249674274_3956098_n.jpg');
    direction:rtl;
    padding-left:5px;
}

#alertBox #closeBtn {
    display:block;
    position:relative;
    margin:5px auto;
    padding:3px;
    width:70px;
    font:0.7em tahoma,arial;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color:#78919B;
    text-decoration:none;
}
</style>

کد های بالا رو فبل از تگ </head> قرار بدید

تگ <body> را با
کد:
<body onload="alert('');">
تعویض کنید!
-------
متغیر ها :
background-image:url('275827_100000249674274_3956098_n.jpg'); = آدرس عکس

height:300px; ارتفاع عکس
width:500px; پهنای عکس !
تعیین ارتفاع و پهنای عکس ضروری می باشد

دیگه رسما شدیم سرباز وطن!خیلی خیلی خیلی کم میام تو نت پس زیاد منتظر من نباشید, دوست شما , مسعود Smile
09-16-2011، 09:14 PM
ارسال‌ها پاسخ
neda411 آفلاین
از بروبچه های گل تالار
**
انجمن وبلاگ نویسان
ارسال‌ها: 150
موضوع‌ها: 32
تاریخ عضویت: Oct 2010
اعتبار: 4
ارسال: #3
RE: گذاشتن عکس در پاپ اپ
وااای خیلی عالی شده
ممنون ممنون
09-16-2011، 11:17 PM
وب سایت ارسال‌ها پاسخ


پرش به انجمن:

لینک ها : قانون جذب /  خرید بازدید واقعی /  کفسابی /  تناسب اندام /  تور جام جهانی روسیه /  چاپ کارت تبریک /  طراحی سایت /  هزینه کاشت مو /  کرکره اتوماتیک /  شیشه نشکن /  سانترال پاناسونیک /  رزرو هتل /  iran tour /  فالوور اینستاگرام /  جراحی مفصل زانو /  سمعک /  دانلود آهنگ جدید /  موتور ایمپلنت /  دانلود فیلم ایرانی /  مقالات صنعت برق /  چاپ سی دی /  موزیک ایرانی /  کفسابی /  تور مشهد /  بلیط هواپیما /  ناز چت /  آموزش کاشت ناخن /  سئو سایت /  تور تایلند /  گیفت کارت /  تولیدی کیف /  تور /  تعمیرات جاروبرقی /  تور استانبول /  تور آنتالیا /  اوزون تراپی /  تور ارمنستان /  پنل اس ام اس /  ابزار وبلاگ /  قالب میهن بلاگ /  قالب بلاگفا /  قالب وبلاگ /  آپلود عکس /  گالری عکس 
خرید vpn
مشاوره رایگان مشاوره آنلاین مشاوره خانواده پنل اس ام اس رایگان ابزار وبلاگ