PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : قالب گالری عکس



naserabdollah
12-11-2013, 08:40 AM
سلام خدمت مدیر گرامی من یک قالب گالری عکس برای صفحات جداگانه رزبلاگ میخوام
به ضورت دستی عکسا رو میزارم فقط اینجوری باشه که مثل این فروشگاه ها عکس کوچیک باشه بعد که روش کلیک کنن صفحه سیاه شه و تو همون صفحه بقیه عکسا بیاد مثل گالری عکس ک وقتی میزنید تو همون صفحه عکسا میاد ممنون میشم اینو برام بسازید خیلی لازمش دارم

ممنون از زحماتتون

admin
12-11-2013, 05:18 PM
چون قالبی جداست و گالری تصاویر، باید کمی تامل فرمایید تا براتون یک قالب زیبایی فراهم آورم.

naserabdollah
12-11-2013, 06:34 PM
خیلی خیلی ممنون چشم من منتظرم راستی کد اون اشتراک گذاری ایدی یاهو چی شد؟!

admin
12-11-2013, 06:42 PM
چشم. قالب ای دی یاهو هم براتو انجام میدم.

admin
12-11-2013, 07:26 PM
اینم از قالب گالری که فرموده بودید. اگه مشکلی با کارکردن باهاش دارید بگید تا بهش رسیدگی کنم.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "Only the registered members can see the link">
<html>
<head>
<title>گالری تصاویر پیشرفته (jQuery + CSS3)</title>
<meta Only the registered members can see the link"Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="Only the registered members can see the link" type="text/css" media="screen">
<script type="text/javascript" src="Only the registered members can see the link"></script>
<script type="text/javascript" src="Only the registered members can see the link"></script>
<script type="text/javascript" src="Only the registered members can see the link"></script>
<script src="Only the registered members can see the link" type="text/javascript"></script>

<style>
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100% ;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0 ;width:100%;height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display :block;max-width:none;-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%;height:100%;display:block;b order:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
#cboxOverlay{background:url(Only the registered members can see the link) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px;height:21px;background:url (Only the registered members can see the link) no-repeat -101px 0;}
#cboxTopRight{width:21px;height:21px;background:ur l(Only the registered members can see the link) no-repeat -130px 0;}
#cboxBottomLeft{width:21px;height:21px;background: url(Only the registered members can see the link) no-repeat -101px -29px;}
#cboxBottomRight{width:21px;height:21px;background :url(Only the registered members can see the link) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px;background:url(Only the registered members can see the link) left top repeat-y;}
#cboxMiddleRight{width:21px;background:url(Only the registered members can see the link) right top repeat-y;}
#cboxTopCenter{height:21px;background:url(Only the registered members can see the link) 0 0 repeat-x;}
#cboxBottomCenter{height:21px;background:url(Only the registered members can see the link) 0 -29px repeat-x;}
#cboxContent{background:#fff;overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px;border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute;bottom:4px;left:0;tex t-align:center;width:100%;color:#949494;}
#cboxCurrent{position:absolute;bottom:4px;left:58p x;color:#949494;}
#cboxLoadingOverlay{background:url(Only the registered members can see the link) no-repeat center center;}
#cboxLoadingGraphic{background:url(Only the registered members can see the link) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0;padding:0;margin:0;overflow:vi sible;width:auto;background:none;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0;}
#cboxSlideshow{position:absolute;bottom:4px;right: 30px;color:#0092ef;}
#cboxPrevious{position:absolute;bottom:0;left:0;ba ckground:url(Only the registered members can see the link) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute;bottom:0;left:27px;bac kground:url(Only the registered members can see the link) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute;bottom:0;right:0;back ground:url(Only the registered members can see the link) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Mi crosoft.gradient(startColorstr=#00FFFFFF,endColors tr=#00FFFFFF);}
</style>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery('#postPagination a').live('click', function(e){
e.preventDefault();
var link = jQuery(this).attr('href');
jQuery('#content').fadeOut(500).load(link + ' #contentInner', function(){ jQuery('#content').fadeIn(500); });
});
});
</script>


<script type="text/javascript">
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".group1").colorbox({rel:'group1'});
});
</script>

</head>
<body>

<div id="ps_slider" class="ps_slider"><a class="prev disabled"></a> <a class="next disabled"></a>
<div id="ps_albums">




<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>طبیعت</h2>
<span>توضیحات</span></div>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
</div>






</div>
</div>
<div id="ps_overlay" class="ps_overlay" style="display:none;"></div>
<a id="ps_close" class="ps_close" style="display:none;"></a>
<div id="ps_container" class="ps_container" style="display:none;"> <a id="ps_next_photo" class="ps_next_photo" style="display:none;"></a> </div>

</body>
</html>

naserabdollah
12-11-2013, 09:09 PM
چجوری عکس بزارم تو سایت؟؟؟؟؟؟؟؟؟
عنوان عنوان عکسو بزنم؟وتوضیحات هم توضیحاتش اون طبیعت اینا عنوانش
Only the registered members can see the link

و بجای این عکسا رو بزارم همویجوریه یا نه؟؟؟؟؟؟

naserabdollah
12-11-2013, 09:11 PM
چجوری عکس بزارم تو سایت؟؟؟؟؟؟؟؟؟
عنوان عنوان عکسو بزنم؟وتوضیحات هم توضیحاتش اون طبیعت اینا عنوانش
Only the registered members can see the link

و بجای این عکسا رو بزارم همویجوریه یا نه؟؟؟؟؟؟

admin
12-11-2013, 09:26 PM
اره. همینطوریه که گفتی. .لی یادت باشه برای هر عکس باید دوبار آدرسش رو وارد کنی.
کد برای اضافه کردن عکس جدید هم زیر نوشتم


<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
</div>

admin
12-11-2013, 09:29 PM
اینم از قالب ادد یاهو.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "Only the registered members can see the link">
<html xmlns="Only the registered members can see the link">
<head>
<meta Only the registered members can see the link"Content-Type" content="text/html; charset=utf-8" />
<title>Yahoo ID exchanger(Simple Ad)</title>

<script type="text/javascript" src="Only the registered members can see the link"></script>
<style>
body{background-color:#EFEFEF; font-family:'tahoma'; font-size:12px; padding:0px; margin:0px; text-decoration:none; direction:rtl;}
#qTip{border:1px solid #A0A0A0;z-index:3000;background:black;min-width:40px;min-height:14px;text-align:center;padding:5px 5px;filter:alpha(opacity=80);opacity:0.8;border-radius:6px 6px 6px 6px;color:#fff;font-size:9pt;font-family:tahoma;text-shadow:0px 0px 4px #fff;-o-text-shadow:0px 0px 4px #fff;-moz-text-shadow:0px 0px 4px #fff;-ms-text-shadow:0px 0px 4px #fff;-webkit-text-shadow:0px 0px 4px #fff;display:none;box-shadow:0px 0px 3px #000;position:absolute;margin-top:10px;margin-bottom:10px;margin-left:10px;max-width:300px;background-color:black!important;direction:rtl;word-wrap:break-word;}
.maintitle{width:100%; left:0px; text-align:center; background:#FF0; color:#F00;position:fixed; top:0px; border-bottom:1px #F00 solid; padding:5px;}
.maindiv{margin-top:40px;border:1px #333 solid;border-radius:5px;width:500px; padding:10px;}
.subdiv{border-bottom:1px #333 dashed; text-align:right;}
a{text-decoration:none; color:#930}
</style>

</head>

<body>



<div class="maintitle">
جهت اضافه شدن به لیست ای دی های زیر اینجا کلیک کنید.
<a href="ymsgr:sendim?ali.dp123&m=Salain. lofdan man ro to un lista add kon">منظورم اینجا بودش</a>
</div>


<center><div class="maindiv">

<div class="subdiv">
نام : هومن محمدی
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Only the registered members can see the link" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="<img src='Only the registered members can see the link' />">آواتارم</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:addfriend?homan.mh95">اددم کن</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:sendim?homan.mh95&m=Salam. man az site 11skin beheton payam midam">بهم پیام بده</a>
</div>

<div class="subdiv">
نام : هومن محمدی
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Only the registered members can see the link" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="<img src='Only the registered members can see the link' />">آواتارم</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:addfriend?homan.mh95">اددم کن</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:sendim?homan.mh95&m=Salam. man az site 11skin beheton payam midam">بهم پیام بده</a>
</div>

<div class="subdiv">
نام : هومن محمدی
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Only the registered members can see the link" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="<img src='Only the registered members can see the link' />">آواتارم</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:addfriend?homan.mh95">اددم کن</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:sendim?homan.mh95&m=Salam. man az site 11skin beheton payam midam">بهم پیام بده</a>
</div>

<div class="subdiv">
نام : هومن محمدی
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Only the registered members can see the link" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="<img src='Only the registered members can see the link' />">آواتارم</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:addfriend?homan.mh95">اددم کن</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:sendim?homan.mh95&m=Salam. man az site 11skin beheton payam midam">بهم پیام بده</a>
</div>

<div class="subdiv">
نام : هومن محمدی
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Only the registered members can see the link" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="<img src='Only the registered members can see the link' />">آواتارم</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:addfriend?homan.mh95">اددم کن</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:sendim?homan.mh95&m=Salam. man az site 11skin beheton payam midam">بهم پیام بده</a>
</div>

<div class="subdiv">
نام : هومن محمدی
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Only the registered members can see the link" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="<img src='Only the registered members can see the link' />">آواتارم</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:addfriend?homan.mh95">اددم کن</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:sendim?homan.mh95&m=Salam. man az site 11skin beheton payam midam">بهم پیام بده</a>
</div>

<div class="subdiv">
نام : هومن محمدی
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Only the registered members can see the link" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="<img src='Only the registered members can see the link' />">آواتارم</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:addfriend?homan.mh95">اددم کن</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:sendim?homan.mh95&m=Salam. man az site 11skin beheton payam midam">بهم پیام بده</a>
</div>

<div class="subdiv">
نام : هومن محمدی
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Only the registered members can see the link" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="<img src='Only the registered members can see the link' />">آواتارم</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:addfriend?homan.mh95">اددم کن</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:sendim?homan.mh95&m=Salam. man az site 11skin beheton payam midam">بهم پیام بده</a>
</div>

<div class="subdiv">
نام : هومن محمدی
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Only the registered members can see the link" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="<img src='Only the registered members can see the link' />">آواتارم</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:addfriend?homan.mh95">اددم کن</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:sendim?homan.mh95&m=Salam. man az site 11skin beheton payam midam">بهم پیام بده</a>
</div>





</div></center>



</body>
</html>

فقط توجه کن برای اضافه کردن هر ای دی جدید باید یک بار نام و 4 بار ای دی طرف رو وارد کنی تا هر کدوم اختصاصی خودتون باشه.
امیدوارم که خوب متوجه شده باشید ولی اگه نشدید بگید کجاش رو تا توضیح بدم.

naserabdollah
12-11-2013, 09:59 PM
برای افزودن ایدی شخصب باید کدوم کدو ترار کنم و کجا باید ایدیشو 4 بار تکرار کنم؟؟؟؟؟؟؟؟؟؟؟؟

admin
12-11-2013, 11:58 PM
برای نمونه کد زیر رو ببین. برای اضافه کردن هر ای دی جدید کد زیر رو باید براش کپی کنی.


<div class="subdiv">
نام : هومن محمدی
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Only the registered members can see the link" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="<img src='Only the registered members can see the link' />">آواتارم</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:addfriend?homan.mh95">اددم کن</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ymsgr:sendim?homan.mh95&m=Salam. man az site 11skin beheton payam midam">بهم پیام بده</a>
</div>

بالا یه قسمت نام میبینی که اسم و فامیل من یا دوست داری لغب طرف مقابل رو می نویسی. برای مثال ای دی من. تو کد بالا 4بار ای دی homan.mh95 هست که برای هر دور اضافه کردن ای دی جدید این 4تا جا رو باید به ای دی طرف مقابل عوض کنی. اگه متوجه شدید که خدا رو شکر اگه نه که بگید کجاشو تا بیشتر توضیح بدم.

Payam Chat
06-18-2014, 03:10 AM
سلام نمیشه کاری کرد پایین هرکدوم از توضیحات نویسنده و تاریخ نوشت اون کدشو می دی منظورم با گالری عکسه
اگه متوجه نشدی برات عکس بزارک
اصلا ول کن برات عکس می زارم:d
همین عکس فقط گرافیکی تر و خوشگل تر درستش کن
31گرافیکی درست کنی

admin
06-20-2014, 10:32 AM
اینم از کدی که میخواستید. البته به صورت ساده

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "Only the registered members can see the link">
<html>
<head>
<title>گالری تصاویر پیشرفته (jQuery + CSS3)</title>
<meta Only the registered members can see the link"Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="Only the registered members can see the link" type="text/css" media="screen">
<script type="text/javascript" src="Only the registered members can see the link"></script>
<script type="text/javascript" src="Only the registered members can see the link"></script>
<script type="text/javascript" src="Only the registered members can see the link"></script>
<script src="Only the registered members can see the link" type="text/javascript"></script>

<style>
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100% ;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0 ;width:100%;height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display :block;max-width:none;-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%;height:100%;display:block;b order:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
#cboxOverlay{background:url(Only the registered members can see the link) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px;height:21px;background:url (Only the registered members can see the link) no-repeat -101px 0;}
#cboxTopRight{width:21px;height:21px;background:ur l(Only the registered members can see the link) no-repeat -130px 0;}
#cboxBottomLeft{width:21px;height:21px;background: url(Only the registered members can see the link) no-repeat -101px -29px;}
#cboxBottomRight{width:21px;height:21px;background :url(Only the registered members can see the link) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px;background:url(Only the registered members can see the link) left top repeat-y;}
#cboxMiddleRight{width:21px;background:url(Only the registered members can see the link) right top repeat-y;}
#cboxTopCenter{height:21px;background:url(Only the registered members can see the link) 0 0 repeat-x;}
#cboxBottomCenter{height:21px;background:url(Only the registered members can see the link) 0 -29px repeat-x;}
#cboxContent{background:#fff;overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px;border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute;bottom:4px;left:0;tex t-align:center;width:100%;color:#949494;}
#cboxCurrent{position:absolute;bottom:4px;left:58p x;color:#949494;}
#cboxLoadingOverlay{background:url(Only the registered members can see the link) no-repeat center center;}
#cboxLoadingGraphic{background:url(Only the registered members can see the link) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0;padding:0;margin:0;overflow:vi sible;width:auto;background:none;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0;}
#cboxSlideshow{position:absolute;bottom:4px;right: 30px;color:#0092ef;}
#cboxPrevious{position:absolute;bottom:0;left:0;ba ckground:url(Only the registered members can see the link) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute;bottom:0;left:27px;bac kground:url(Only the registered members can see the link) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute;bottom:0;right:0;back ground:url(Only the registered members can see the link) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Mi crosoft.gradient(startColorstr=#00FFFFFF,endColors tr=#00FFFFFF);}
</style>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery('#postPagination a').live('click', function(e){
e.preventDefault();
var link = jQuery(this).attr('href');
jQuery('#content').fadeOut(500).load(link + ' #contentInner', function(){ jQuery('#content').fadeIn(500); });
});
});
</script>


<script type="text/javascript">
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".group1").colorbox({rel:'group1'});
});
</script>

</head>
<body>

<div id="ps_slider" class="ps_slider"><a class="prev disabled"></a> <a class="next disabled"></a>
<div id="ps_albums">




<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
<span>(homan) 1393-10-10</span>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
<span>(homan) 1393-10-10</span>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
<span>(homan) 1393-10-10</span>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
<span>(homan) 1393-10-10</span>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
<span>(homan) 1393-10-10</span>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>طبیعت</h2>
<span>توضیحات</span></div>
<span>(homan) 1393-10-10</span>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
<span>(homan) 1393-10-10</span>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
<span>(homan) 1393-10-10</span>
</div>

<div class="ps_album" style="opacity:0;"><a class="group1 cboxElement" href="Only the registered members can see the link"><img width="135" height="90" src="Only the registered members can see the link" tiptitle="فرهنگی مذهبی"></a>
<div class="ps_desc">
<h2>عنوان</h2>
<span>توضیحات</span></div>
<span>(homan) 1393-10-10</span>
</div>






</div>
</div>
<div id="ps_overlay" class="ps_overlay" style="display:none;"></div>
<a id="ps_close" class="ps_close" style="display:none;"></a>
<div id="ps_container" class="ps_container" style="display:none;"> <a id="ps_next_photo" class="ps_next_photo" style="display:none;"></a> </div>

</body>
</html>
در صورتی که طرح دیگه ای میخواهید، بگید تا کدش رو بدم.