امتیاز موضوع:
  • 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
وب سایت ارسال‌ها پاسخ


پرش به انجمن:

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