• اطلاعیه ها

    • Saeed Fard

      آگهی استخدام برنامه نویس و پشتیبان وردپرس   13/12/95

      آگهی استخدام برنامه نویس و پشتیبان وردپرس
       
      2 نفر پشتیبان سایت وردپرسی
      ⁃ آشنا به برنامه نویسی قالب و پلاگین وردپرس 
      ⁃ توانایی راه اندازی سایت، قالب و افزونه های وردپرسی 
      ⁃ توانایی برنامه نویسی PHP در حد متوسط 
      ⁃ اطلاعات عمومی وب بالا 
      ⁃ توانایی پاسخگویی نوشتاری به سوالات انگلیسی با گرامر ساده 
      ⁃ آشنایی با HTML/CSS/jQuery 
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۲ نفر برنامه نویس قالب وردپرس
      ⁃ تسلط به HTML/CSS/jQuery و Bootstrap
      ⁃ توانایی تبدیل HTML به قالب وردپرس
      ⁃ توانایی برنامه نویسی PHP و پلاگین نویسی وردپرس در حد متوسط
      ⁃ آشنایی به اصول سئو 
      ⁃ آشنایی با Git/subversion مزیت محسوب می‌شود.
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۱ نفر طراح UI/UX
      ⁃ طراحی خلاقه وب سایت
      ⁃ طراحی با جدیدترین استایل‌های طراحی سایت
      ⁃ مسلط به تایپوگرافی انگلیسی و طراحی وب سایت انگلیسی
      ⁃ انتقاد پذیری و قبول بازخوردهای تیم و مشارکت با دیگر اعضاء تیم برای سرعت بخشیدن به فرایند انجام پروژه
      ⁃ آشنایی و درک HTML/CSS/jQuery
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا
      ⁃ امکان همکاری به صورت پروژه‌ای و دورکاری در این موقعیت شغلی فراهم است ——— مزایای کار در مجموعه گرودیا
      ⁃ تجربه ناب کار در سطح یک جهانی
      ⁃ محیط کار بسیار دوستانه و آرام
      ⁃ پرداخت های مناسب و سر وقت
      ⁃ کلاس های آموزشی داخلی به جهت بالا بردن دانایی و توانایی همه اعضا   از علاقه‌مندان و نیازمندان تقاضا می‌شود لطفا رزومه کاری خود را با قید موقعیت شغلی به ایمیل info@grodea.co ارسال نمایید.
    • Morteza

      سال 1396 خورشیدی مبارک   29/12/95

      سال 1396 خورشیدی مبارک
سیدرضا بازیار

مشکل در گذاشتن کد در 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>

دمو کد

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

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


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

این بخش کد را در 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 را آپلود کنید به روت پوشه ی قالب

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


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

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

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

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


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

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

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


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

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

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


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

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

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

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


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

منظورتون 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>

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


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

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

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

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

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

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


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

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

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


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

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

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

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

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


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

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

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


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