• اطلاعیه ها

    • Saeed Fard

      پوشش زنده وردکمپ ۲۰۱۸ اروپا توسط وردپرس پارسی   23/03/97

      اگر کاربر وردپرس هستید حتما تا به حال اسم وردکمپ رو شنیدید، کمپ و دورهمی بزرگ توسعه‌دهنده‌ها و کاربران وردپرس که سالانه در کشورهای مختلف برگزار میشه تحت عنوان وردکمپ هستش که از سمت مراجع اصلی وردپرس حمایت و برگزار می‌شه.   این‌ بار در سال 2018 وردکمپ اروپا در شهر بلگراد کشور صربستان در حال برگزاری هستش، این رویداد طی سه روز 24 تا 26 تیر ماه (June 14-16) برگزار میشه، در این رویداد مصطفی صوفی از وردپرس پارسی و به نمایندگی تمامی کاربران وردپرس فارسی حضور داره. وردپرس پارسی رویداد وردکمپ 2018 اروپا رو به صورت زنده توسط مصطفی پوشش می‌ده و در صورت علاقه‌مندی به این مراسم می‌تونید از طریق وردپرس پارسی دنبالش کنید.در حال حاضر یک روز از این مراسم گذشته که گزارش اون در قسمت پوشش زنده قرار گرفته. برای دنبال کردن مراسم وردکمپ اروپا به صورت لحظه‌ای به صفحه پوشش زنده در قسمت زیر مراجعه کنید. همینطور در آینده منتظر خبر برگزاری اولین وردکمپ در ایران توسط وردپرس‌پارسی باشید. https://wp-parsi.com/wceu-2018

      لینک خبر در وردپرس پارسی : https://wp-parsi.com/wceu-2018-live  
سیدرضا بازیار

مشکل در گذاشتن کد در single.php

10 پست در این موضوع قرار دارد

من یه کد دارم که میخوام اون رو توی single.php بزارم. اما وقتی میزارم, کلیه این فایل به هم میریزه و سایت خراب میشه

کد:


<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>Colorbox Examples</title>
<style>
body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link rel="stylesheet" href="colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".inline").colorbox({inline:true, width:"50%"});
$(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onload:function(){ alert('onload: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
$('.non-retina').colorbox({rel:'group5', transition:'none'})
$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});

//Example of preserving a Javascript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>
</head>
<p style="text-align: center;"><a class="inline" href="#zoom"><img src="http://game.balyan.ir/wp-content/themes/movable/images/zoom.png" alt="" /></a> <a class="inline" href="#tv"><img src="http://game.balyan.ir/wp-content/themes/movable/images/tv.png" alt="" /></a> <a class="inline" href="#tablet"><img src="http://game.balyan.ir/wp-content/themes/movable/images/tablet.png" alt="" /></a></p>
<!-- This contains the hidden content for inline calls -->
<div style='display:none'>
<div id='zoom' style='padding:10px; background:#fff;'>
<iframe src="http://balyan.ir/forum" width="640" height="530" frameborder="no" scrolling="no"></iframe>
</div>
<div id='tv' style='padding:10px; background:#fff;'>
<iframe src="http://balyan.ir/" width="640" height="530" frameborder="no" scrolling="no"></iframe>
</div>
<div id='tablet' style='padding:10px; background:#fff;'>
<iframe src="http://game.balyan.ir/" width="640" height="530" frameborder="no" scrolling="no"></iframe>
</div>
</body>
</html>

دمو کد

کد رو چطوری بزارم که این فایل به هم نریزه؟

0

به اشتراک گذاری این پست


لینک به پست

این بخش کد را در style.css بگذارید


body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}

این بخش را در header.php (با تغییری که داده شده)


<link rel="stylesheet" href="<?php bloginfo('template_directory');?>/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/jquery.colorbox.js"></script>

<script>
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".inline").colorbox({inline:true, width:"50%"});
$(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onload:function(){ alert('onload: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
$('.non-retina').colorbox({rel:'group5', transition:'none'})
$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});

//Example of preserving a Javascript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>

این بخش را در single.php


<p style="text-align: center;"><a class="inline" href="#zoom"><img src="http://game.balyan.ir/wp-content/themes/movable/images/zoom.png" alt="" /></a> <a class="inline" href="#tv"><img src="http://game.balyan.ir/wp-content/themes/movable/images/tv.png" alt="" /></a> <a class="inline" href="#tablet"><img src="http://game.balyan.ir/wp-content/themes/movable/images/tablet.png" alt="" /></a></p>
<!-- This contains the hidden content for inline calls -->
<div style='display:none'>
<div id='zoom' style='padding:10px; background:#fff;'>
<iframe src="http://balyan.ir/forum" width="640" height="530" frameborder="no" scrolling="no"></iframe>
</div>
<div id='tv' style='padding:10px; background:#fff;'>
<iframe src="http://balyan.ir/" width="640" height="530" frameborder="no" scrolling="no"></iframe>
</div>
<div id='tablet' style='padding:10px; background:#fff;'>
<iframe src="http://game.balyan.ir/" width="640" height="530" frameborder="no" scrolling="no"></iframe>
</div>

و دو فایل colorbox.css و jquery.colorbox.js را آپلود کنید به روت پوشه ی قالب

5

به اشتراک گذاری این پست


لینک به پست

قالب رو به هم میریزه :(

فکر کنم با قالب من سازگاری نداره

0

به اشتراک گذاری این پست


لینک به پست

کد اول را از style.css حذف کنید و چک کنید

1

به اشتراک گذاری این پست


لینک به پست

کار نمیکنه

منو سایتم رو به هم ریخت

0

به اشتراک گذاری این پست


لینک به پست

اگر کد را در جای درست می گذارید قطعا تداخل کد داره حذفش کنید

1

به اشتراک گذاری این پست


لینک به پست

این کد با قالب من سازگار نیست

دنبال یه کد هستم که وقتی روی اون کلیک کنی, یه صفحه (تمام صفحه) باز بشه و یه کد رو فراخوانی کنه و قابلیت بستن اون صفحه با کلیک روی علامت * رو داشته باشه

0

به اشتراک گذاری این پست


لینک به پست

منظورتون popUp است؟


<a href="#" onclick="window.open(/*url*/'LINK','name','width=400,height=300,left=300,top=100,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no');">EXAMPLE</a>

بجای LINK نشانی صفحه را بگذارید و اگر می خواهید اسکریپتی لود شود

اسکریپت را در یک فایل js در پوشه افزونه قرار بدید مثلا بنام script.js و


<a href="#" onclick="example_popup()">EXAMPLE</a>
<script type="text/javascript">
function example_popup() {
var w = window.open('', '', 'width=400,height=400,resizeable,scrollbars');
var x='<script type="text/javascript" src="<?php bloginfo(\'template_directory\');?>/script.js"><\/\script>';
w.document.write(x);
w.document.close(); // needed for chrome and safari
}
</script>

2

به اشتراک گذاری این پست


لینک به پست

یه پاپ آپ میخوام که شبیه به کد زیر باز بشه:

http://game.balyan.ir/wp-content/themes/movable/box/example5/index.html

البته میخوام این پنجره تمام صفحه باز بشه

البته میخوام بجای لینک, کد توی اون فراخوانی بشه

0

به اشتراک گذاری این پست


لینک به پست

از افزونه lightbox یا shadowbox استفاده کنید

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری