سلام دوست عزیز. اینم از کدی که میخواستی
<style>
.text1,.text1 a,.text1 a:hover,.text2,.text2 a,.text2 a:hover,.text3,.text3 a,.text3 a:hover,.text4,.text4 a,.text4 a:hover,.text7,.text7 a,.text7 a:hover,.news li:hover,.news li,.view-links li:hover,.view-links,.links-block,.links-block:hover{-moz-transition: all 0.2s ease-out; /* FF3.7+ */ -o-transition: all 0.2s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.2s ease-out; /* Saf3.2+, Chrome */ transition: all 0.2s ease-out;}
.text1,.text1 a,.text1 a:hover{font-size:10pt; color:#fff;
-moz-text-shadow: #000 1px 1px 3px;
-webkit-text-shadow: #000 1px 1px 3px;
text-shadow: #000 1px 1px 3px;}
.text2,.text2 a,.text2 a:hover{font-size:11pt; color:#fff;
-moz-text-shadow: #000 1px 1px 3px;
-webkit-text-shadow: #000 1px 1px 3px;
text-shadow: #000 1px 1px 3px;}
/*.text2,.text2 a,.text2 a:hover{font-size:13pt; color:#fff; font-family:BYekan , Tahoma; font-weight:normal;
-moz-text-shadow: #000 1px 1px 3px;
-webkit-text-shadow: #000 1px 1px 3px;
text-shadow: #000 1px 1px 3px;}*/
.text3,.text3 a,.text3 a:hover{font-size:9pt; color:#e1e1e1;
-moz-text-shadow: #000 1px 1px 1px;
-webkit-text-shadow: #000 1px 1px 1px;
text-shadow: #000 1px 1px 1px;}
.text3 a:hover{color:#dc2986;
-moz-text-shadow: #42002a 1px 1px 3px;
-webkit-text-shadow: #42002a 1px 1px 3px;
text-shadow: #42002a 1px 1px 3px;}
.text4,.text4 a,.text4 a:hover{font-size:9pt; color:#e445aa;
-moz-text-shadow: #a24c75 0px 0px 3px;
-webkit-text-shadow: #a24c75 0px 0px 3px;
text-shadow: #a24c75 0px 0px 3px;}
.text4 a:hover{color:#fff;
-moz-text-shadow: #000 0px 0px 3px;
-webkit-text-shadow: #000 0px 0px 3px;
text-shadow: #000 0px 0px 3px;}
.text5,.text5 a,.text5 a:hover{font-size:9pt; color:#c8c8c8; font-weight:bold;
-moz-text-shadow: #000 1px 1px 1px;
-webkit-text-shadow: #000 1px 1px 1px;
text-shadow: #000 1px 1px 1px;}
.text6,.text6 a,.text6 a:hover{font-size:11pt; color:#7a0059; font-weight:bold;
-moz-text-shadow: #ffd17e 1px 1px 0px;
-webkit-text-shadow: #ffd17e 1px 1px 0px;
text-shadow: #ffd17e 1px 1px 0px;}
.text7,.text7 a,.text7 a:hover{font-size:9pt; color:#e9e9e9;
-moz-text-shadow: #000 1px 1px 1px;
-webkit-text-shadow: #000 1px 1px 1px;
text-shadow: #000 1px 1px 1px;}
.text7 a:hover{color:#ffc853;}
.text8,.text8 a,.text8 a:hover{font-size:9pt; color:#e7ad19; font-weight:bold;
-moz-text-shadow: #000 1px 1px 2px;
-webkit-text-shadow: #000 1px 1px 2px;
text-shadow: #000 1px 1px 2px;}
.text8 a:hover{color:#efc762;
-moz-text-shadow: #c89922 0px 0px 3px;
-webkit-text-shadow: #c89922 0px 0px 3px;
text-shadow: #c89922 0px 0px 3px;}
.text9,.text9 a,.text9 a:hover{font-size:8pt; color:#bc81a6;
-moz-text-shadow: #000 1px 1px 0px;
-webkit-text-shadow: #000 1px 1px 0px;
text-shadow: #000 1px 1px 0px;}
.text10,.text10 a,.text10 a:hover{font-size:8pt; color:#bfbfbf;
-moz-text-shadow: #000 1px 1px 2px;
-webkit-text-shadow: #000 1px 1px 2px;
text-shadow: #000 1px 1px 2px;}
.text11,.text11 a,.text11 a:hover{font-size:8pt; color:#838383;}
.text11 a:hover{font-size:8pt; color:#b2b2b2;
-moz-text-shadow: #838383 0px 0px 3px;
-webkit-text-shadow: #838383 0px 0px 3px;
text-shadow: #838383 0px 0px 3px;}
.view-links2{width:620px; float:left; direction:rtl;font-family:Tahoma;font-size:11px;}
.view-links2 ul{padding:25px 5px 0 5px;}
.view-links2 li{padding:3px 28px 10px 10px; margin:10px 0; text-align:right; background:#767676 url(Only the registered members can see the link) no-repeat 586px 8px; line-height:15px; list-style:none; color:#fff;
-moz-border-radius: 5px;
border:1px solid #fff;
border-radius: 5px;
-moz-box-shadow: inset 0px 0px 5px #363636;
-webkit-box-shadow: inset 0px 0px 5px #363636;
box-shadow: inset 0px 0px 5px #363636;}
.view-links2 li:hover{padding:3px 32px 10px 40px; margin:10px 0; text-align:right; background:#4d4d4d url(Only the registered members can see the link) no-repeat 580px 8px; line-height:15px; list-style:none; cursor:pointer; color:#f248a0; }
</style>
<script type="text/javascript" src="Only the registered members can see the link"></script>
<style type="text/css">
.des1 , .des2 , .des3 , .des4 , .des5 , .des6 , .des7 , .des8 , .des9 , .des10 , .des11{display:none; padding:10px 0 40px 0;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$(".tit1").click(function(){
$(".des1").slideToggle("slow");
});
$(".tit2").click(function(){
$(".des2").slideToggle("slow");
});
$(".tit3").click(function(){
$(".des3").slideToggle("slow");
});
$(".tit4").click(function(){
$(".des4").slideToggle("slow");
});
$(".tit5").click(function(){
$(".des5").slideToggle("slow");
});
$(".tit6").click(function(){
$(".des6").slideToggle("slow");
});
$(".tit7").click(function(){
$(".des7").slideToggle("slow");
});
$(".tit8").click(function(){
$(".des8").slideToggle("slow");
});
$(".tit9").click(function(){
$(".des9").slideToggle("slow");
});
$(".tit10").click(function(){
$(".des10").slideToggle("slow");
});
$(".tit11").click(function(){
$(".des11").slideToggle("slow");
});
});
</script>
<div class="view-links2">
<ul>
<li class="tit1 , text3">نحوه دریافت قالب های رایگان وبلاگ از سایت شما و جایگزین کردن کدهای جدید قالب را توضیح دهید.</li>
<div class="des1">
شما می توانید در
<b>
<a href="index.php">صفحه قالب های وبلاگ</a>
</b>
، قالب دلخواه خود را انتخاب کرده و وارد صفحه توضیحات قالب شوید. چنانچه قالب مورد نظر شما به صورت رایگان در سایت عرضه شده باشد در پایین این صفحه کدهای قالب برای سیستم های مختلف وبلاگدهی نظیر بلاگفا، میهن بلاگ و ... قرار دارد. شما می توانید با کلیک روی هریک از دکمه های مربوطه کدهای قالب را که به صورت یک فایل متنی (txt.) می باشد دریافت کرده و در رایانه خود ذخیره کنید. پس از دریافت این فایل، آن را توسط نرم افزار Notepad که در تمامی سیستم عامل ها تعریف شده است باز کرده و کلیه کدهای داخل این فایل را کپی کنید. سپس وارد قسمت مدیریت وبلاگ خود شده و در قسمت ویرایش قالب، کدهای جدید را که در مرحله قبل کپی کرده اید قرار دهید تا جایگزین کدهای قبلی قالب وبلاگتان شود. هم اکنون می توانید از قالب جدید لذت ببرید.
<br>
</div>
<li id="slide" class="tit2 , text3">نحوه ویرایش و انجام تغییرات در اسلایدشو قالب های وبلاگ شماره 36 و 37</li>
<div class="des2">
همانطور که می دانید برخی قالب های وبلاگ از جمله قالب شماره 36 و 37 از یک اسلایدشو جاوا اسکریپت بهره می برند که شما می توانید تصاویر، متن ها و لینک های هر اسلاید را ویرایش کنید. ابتدا کدهای جاوا اسکریپت لازم جهت تغییر تنظیمات این اسلاید را در ابتدای کدهای قالب پیدا کنید . برخی از متغیر های مورد استفاده در این اسلاید عبارتند از:
<br>
<br>
<div dir="ltr">
var number = 3; <<< تعداد اسلاید تصاویر شما در این متغیر ذخیره می شود که قابل افزایش به تعداد دلخواه می باشد
<br>
<br>
mytheme_pic[1] = 'Only the registered members can see the link'; <<< آدرس فایل تصویر شماره یک که قبلا آپلود شده است
<br>
mytheme_titr[1] = 'Your Text Title'; <<< متن تیتر مربوط به اسلاید تصویر شماره یک
<br>
mytheme_text[1] = 'Your Text Description'; <<< متن توضیح مربوط به اسلاید تصویر شماره یک
<br>
mytheme_link[1] = 'Only the registered members can see the link'; <<< لینک شما جهت لینک دهی به اسلاید تصویر شماره یک
<br>
<br>
</div>
همانطور که مشاهده می کنید تعداد تصاویر اسلاید بصورت پیش فرض 3 عدد درنظر گرفته شده است که به همان تعداد نیز از 4 متغیر مربوط به تنظیمات هر تصویر شامل: آدرس تصویر، متن تیتر اسلاید، متن توضیح اسلاید و لینک دهی به اسلاید در این کدها استفاده شده است. یعنی در ازای هر اسلاید که می خواهید اضافه کنید باید از این 4 خط کد کپی گرفته و عدد داخل آنرا نیز جهت شماره گذاری تعیین کنید. همانطور که می بینید ما برای 3 اسلاید 3 شماره به این ترتیب داریم: [1],[2],[3]
<br>
شما می توانید مقدار هر متغیر را برای هر اسلاید ویرایش کنید و اسلاید ها را به تعداد دلخواه افزایش دهید.
<br>
<br>
<b>نکته:</b>
اندازه تصاویر مورد استفاده در اسلاید بصورت پیش فرض در قالب شماره 36 با پهنای 650 پیکسل در ارتفاع 260 پیکسل و در قالب شماره 37 نیز با پهنای 480 پیکسل در ارتفاع 255 پیکسل درنظر گرفته شده است که چنانچه تصویر شما بزگتر از این اندازه باشد تنها همین مقدار از تصویر قابل مشاهده است و بقیه قسمت های تصویر حذف می شود. همچنین تصاویر کوچکتر از این اندازه بصورت پشت سر هم قابل تکرار هستند.
<br>
<br>
در صورت تمایل به حذف اسلاید از قالب می توانید کدهای این اسلاید را از قالب حذف کنید. جهت انجام این کار کلیه کدهای بین دو عبارت زیر را حذف کنید:
<br>
<div dir="ltr">
<!-- Slideshow Starts Here -->
<br>
کدهای اسلاید در اینجا قرار داده شده اند
<br>
<!-- Slideshow Ends Here -->
</div>
<br>
</div>
<li class="tit3 , text3">پیغام خطا در میهن بلاگ هنگام درج قالب وبلاگ جدید (چرخه معتبری که در بلاک مناسب قرار ندارد)</li>
<div class="des3">
کلیه قالب های ارائه شده در سایت از نظر محتوا و کدنویسی های تحت وب، بارها مورد تست و بررسی قرار گرفته اند و مشکلی از این نظر ندارند. اما اخیرا مشاهده شده که سرویس میهن بلاگ گاهی اوقات با درج قالب جدید و قرار دادن کدهای قالب پیغام خطایی برای بلاک نویسندگان مبنی بر اینکه چرخه معتبری که در بلاک مناسب قرار ندارد نمایش داده و به کاربران هشدار می دهد. متاسفانه این مشکل از سرویس میهن بلاگ می باشد و به مدیریت این سایت هم گزارش شده است تا نسبت به رفع این مسئله اقدام کنند. پس جای نگرانی نیست و قالب شما حتی در صورت بروز این پیغام خطا بدرستی نمایش داده خواهد شد و نیاز به انجام هیچ تغییر اضافی نیست و می توانید از قالب جدیدتان به خوبی استفاده کنید.
<br>
</div>
<li id="persianblog" class="tit4 , text3">نحوه نصب قالب و رفع مشکل نمایش قالب ها در سیستم پرشین بلاگ</li>
<div class="des4">
اخیرا سیستم پرشین بلاگ کدهای جاوا اسکریپت درون کدهای قالب ها را بطور خودکار حذف می نماید و این مسئله باعث عدم نمایش صحیح قالب ها شده است. جهت رفع این مشکل، پس از دریافت کدهای قالب مربوط به سیستم پرشین بلاگ و درج كد هاي جدید قالب در قسمت ویرایش قالب پرشین بلاگ ، قسمت مربوط به كد هاي جاوا اسکریپت قالب را که شبیه کد زیر می باشد در سطر های ابتدایی کد قالب پیدا کنید:
<br>
<br>
<div dir="ltr">
<!-- Persianblog Scripts !-->
<br>
<br>
<script src="Only the registered members can see the link" language="javascript"></script>
<br>
<br>
<!-- Persianblog Scripts !-->
</div>
<br>
هم اکنون تنها كافي است این کد را در قسمت "کدهای اختصاصی کاربر" درج کنید تا قالب شما بدرستی نمایش داده شود.
<br>
</div>
<li class="tit5 , text3">نحوه انجام سفارش طراحی اختصاصی قالب های وبلاگ را توضیح دهید</li>
<div class="des5">
شما می توانید جهت انجام سفارش،
<b>
<a href="order.php">فرم سفارش مربوطه</a>
</b>
را به همراه اطلاعات لازم برای ما ارسال کنید تا نسبت به سفارش شما برآورد هزینه انجام گیرد. سپس مبلغ سفارش به همراه اطلاعات لازم جهت ادامه سفارش برای شما ارسال می گردد. مبلغ مورد نظر را به یکی از
<b>
<a href="account.php">شماره حساب های مندرج در سایت</a>
</b>
واریز کرده (واریز به حساب یا انتقال از کارت به کارت) و به ما اطلاع دهید تا سفارش شما تایید شود. پس از طی مدت تعیین شده برای ارائه طرح اولیه قالب وبلاگ، پیش نمایش طرح قالب برای شما ارسال می گردد و در صورت نیاز به انجام تغییرات، طبق سلیقه و نظر شما تغییرات انجام خواهد گرفت و طرح تکمیل می گردد. سپس با تایید طرح گرافیک قالب، کار کدنویسی قالب انجام شده و طی مدت زمان تعیین شده برای تحویل سفارش، کدهای قالب به همراه امکانات درخواستی به شما تحویل داده خواهد شد. پشتیبانی از فایل های قالب به مدت یکسال می باشد و قابل تمدید است و چنانچه طی مدت 6 ماه از انجام سفارش ایرادات و یا تغییراتی در قالب به وجود آید ما این تصحیحات را رایگان برای شما انجام می دهیم.
<br>
</div>
<li class="tit6 , text3">آیا امکان تغییر در قالب های رایگان وبلاگ وجود دارد؟</li>
<div class="des6">
کلیه قالبهای رایگان به گونه ای طراحی و کدنویسی شده اند که تغییر در آنها (مانند تغییر تصویر هدر، اضافه و کم کردن بخش های مختلف به قالب، افزودن امکانات جدید به قالب و ...) براحتی و توسط کاربران امکان پذیر نمی باشد. لذا چنانچه برای قالب وبلاگتان تغییری لازم دارید از طریق
<b>
<a href="contact.php">فرم تماس با ما</a>
</b>
به ما اطلاع دهید تا شرایط انجام این تغییرات را به شما اعلام کرده و کدهای جدید قالب برای شما ارسال گردد.
<br>
</div>
<li class="tit7 , text3">من از قالب های رایگان سایت شما استفاده می کنم ولی قالب بهم ریخته است. علت چیست؟</li>
<div class="des7">
کلیه قالب های ارائه شده در سایت از نظر محتوا و کدنویسی های تحت وب، بارها مورد تست و بررسی قرار گرفته اند و مشکلی از این نظر ندارند. اما چنانچه هنگام استفاده از قالب، قالب شما بهم ریخته نمایش داده می شود ممکن است بدلیل استفاده از تصاویر و یا متون غیر متعارف و پیش بینی نشده برای پست ها و کدهای اضافی وبلاگ شما باشد. در بسیاری از موارد زیاد بودن اندازه پهنای پست ها برای متون و تصاویر درج شده در وبلاگ و یا استفاده از کدهای جاوا اسکریپت در محل های نا مناسب که توسط کاربران در بین کدهای قالب قرار می گیرند باعث بهم ریختگی و عدم نمایش صحیح قالب ها می شود. شما می توانید برای رفع این مشکل با بخش پشتیبانی سایت از طریق
<b>
<a href="contact.php">فرم تماس</a>
</b>
با ما مکاتبه کنید تا این مسئله برطرف گردد.
<br>
</div>
<li class="tit8 , text3">نرم افزار آنتی ویروس Avira نسبت به قالب های شما هشدار می دهد. آیا این مسئله خطرناک است؟</li>
<div class="des8">
برخی از کاربران که از نرم افزار آنتی ویروس Avira بر روی سیستم خود استفاده می کنند هنگام مشاهده قالب های سایت با پیغام هشدار دهنده ای روبرو می شوند (A virus or unwanted program was found) که این مسئله بدلیل استفاده از کدنویسی جاوا اسکریپت برای قالب ها می باشد و به هیچ عنوان قالب های سایت ویروسی نشده اند. همانطور که در این هشدار مشاهده می شود پیغام خطایی با عنوان (Contains HERU/HTML.Malware suspicious code) نمایش داده می شود که تنها به علت مشکوک بودن کدهای جاوا اسکریپت این هشدار ظاهر می شود و این کدها هرگز به عنوان ویروس شناخته نمی شوند و کاربران می توانند براحتی از قالب های سایت استفاده کنند. نرم افزار Avira طی سال های اخیر تلاش داشته تا جایگاه خوبی را در بین نرم افزار های آنتی ویروس دنیا پیدا کند و همین امر باعث شده تا تولید کنندگان این نرم افزار حساسیت بیشتری نسبت به کدنویسی های تحت وب نیز نشان دهند و حتی نسبت به برخی از کد های رایج برنامه نویسی هشدار دهند و کاربر را حین دسترسی به سایت ها هوشیار کنند. پس جای نگرانی نیست و کد قالب های ارائه شده هیچ مشکلی از نظر محتوایی و کدنویسی ندارند.
<br>
</div>
<li class="tit9 , text3">آیا با استفاده از کدهای جدید قالب وبلاگ، کدهای قبلی به صورت کامل از بین می روند؟</li>
<div class="des9">
بله. چون با جایگزینی کدهای جدید کلیه کدهای قبلی قالب وبلاگ حذف می شوند. چنانچه کاربران از کدهای دیگری مانند کدهای جاوا اسکریپت در کنار کدهای قالب استفاده می کنند برای اینکه بتوانند مجددا از این کدها استفاده کنند می توانند کدهای خود را در قسمت کدهای اضافی وبلاگ که از بخش مدیریت وبلاگ قابل ویرایش می باشد قرار دهند و یا از کدهای قبلی قالب خود کپی گرفته و در یک فایل متنی در رایانه خود ذخیره کنند و سپس کدهای موردنظر را در کنار کدهای جدید قالب درج کنند.
<br>
</div>
<li class="tit10 , text3">نجوه ویرایش اسلایدشو قالب شماره 39 و 40 را توضیح دهید.</li>
<div class="des10">
در قالب شماره 39 و 40 بصورت پیش فرض 5 تصویر استفاده شده است. جهت تغییر این تصاویر ابتدا در کدهای قالب عبارت زیر را پیدا کنید:
<br>
<br>
<div dir="ltr">
<!-------- Start Slide Images ------->
<br>
<br>
<img src="Only the registered members can see the link" width="960" height="320" border="0">
<br>
<img src="Only the registered members can see the link" width="960" height="320" border="0">
<br>
<img src="Only the registered members can see the link" width="960" height="320" border="0">
<br>
<img src="Only the registered members can see the link" width="960" height="320" border="0">
<br>
<img src="Only the registered members can see the link" width="960" height="320" border="0">
<br>
<br>
<!-------- End Slide Images ------->
</div>
<br>
<br>
در این قسمت کدهای مربوط به 5 تصویر مورد استفاده درج شده است. جهت تغییر تصاویر کافی است لینک آپلود شده تصاویر خود را در گزینه src= جایگزین کنید. لازم به ذکر است اندازه تصاویر مورد استفاده در این اسلایدر باید منطبق با اندازه فعلی تصاویر موجود در اسلایدر قالب درنظر گرفته شده باشد و افزایش تعداد تصاویر با کپی گرفتن از هر خط از کد کامل تصویر امکان پذیر است اما با توجه به حجم فایل های اسلاید پیشنهاد می شود حداکثر از 5 اسلاید استفاده کنید.
<br>
</div>
<li class="tit11 , text3">ویرایش آدرس ایمیل مدیر وبلاگ در ابزار فرم تماس قالب شماره 40 و 41</li>
<div class="des11">
در قالب شماره 40 و 41 ابزار تماس با ما در قسمت پایین قالب طراحی شده است که پیام های کاربران را از طریق فرم مربوطه به ایمیل مدیر وبلاگ ارسال می کند. جهت ویرایش آدرس ایمیل مدیر وبلاگ ، در انتهای کدهای قالب عبارت زیر را پیدا کنید:
<br>
<br>
<div dir="ltr">
<form action="Only the registered members can see the link" method="post">
<br>
<input type="hidden" name="to" value="######">
<br>
</div>
<br>
در کدهای بالا مقدار گزینه value را که در اینجا بصورت پیش فرض ###### درج شده است با آدرس ایمیل موردنظر خود جایگزین کنید. در حال حاضر آدرس ایمیل مدیر وبلاگ که در سیستم وبلاگدهی ثبت شده است بصورت پیش فرض برای این قسمت درنظر گرفته می شود که شما می توانید این آدرس را به آدرس ایمیل دلخواه نیز تغییر دهید.
<br>
</div>
</ul>
</div>