• اطلاعیه ها

    • Saeed Fard

      حمایت وردپرس پارسی از همایش آینده وب و موبایل   19/04/74

        چهارم و پنجم اسفند ماه 1395، همایش آیندهٔ وب و موبایل ایران با حمایت سازمان فناوری اطلاعات در مرکز همایش‌های شهید قندی برگزار خواهد شد. این همایش یک رویداد ۲ روزه است که در آن پیشتازان صنعت وب و موبایل از تکنولوژی‌های روز دنیا در این حوزه‌ها سخن می‌گویند به طوری که این همایش پنجره‌ای به چشم‌انداز آینده‌ٔ وب و موبایل در جهان، و همچنین راهنمایی برای تصمیم‌گیران، تصمیم‌سازان و متخصصان ایرانی است.   فرصت‌هایی که FOWM#  برای شما خلق خواهد کرد: آشنایی با تکنولوژی‌های آینده‌ساز وب و موبایل شرکت در مباحث چالشی درباره وب و موبایل ارتباط و شبکه‌سازی با “قله‌های وب و موبایل” موقعیت‌های کاری، هم‌تیمی‌های جدید دریافت گواهی شرکت در همایش دو روز به‌یادماندنی سرشار از شگفتی   شرکت‌کنندگان در این همایش ضمن آشنایی با فناوری‌های آینده‌ساز وب و موبایل، شرکت در مباحث چالشی و ارتباط با بزرگان وب و موبایل ایران، می‌توانند موقعیت‌های کاری و هم‌تیمی‌های جدید برای کسب‌وکار خود بیابند. این همایش برای طراحان و توسعه‌دهندگان وب‌سایت و موبایل، مدیران ارشد سازمان‌ها، صاحبان کسب‌وکارهای کوچک و متوسط، دانشجویان و علاقه‌مندان دارای نکات آموزشی و جذاب خواهد بود.   مجید علوی‌زاده، دبیر همایش آیندهٔ وب و موبایل که سابقه اجرای چند همایش و سمینار مرتبط را دارد، اعلام کرد: جمعی از بهترین‌ها و پیشروان این دو حوزه در ایران با ارائه‌های تخصصی خود، چشم‌انداز آینده این صنعت‌ها را به شرکت‌کنندگان عرضه خواهند کرد.   در هر یک از روزهای برگزاری همایش، یک پنل تخصصی در مورد یکی از موضوع‌های مهم این حوزه نیز برگزار خواهد شد و دست‌اندرکاران به بحث و تبادل نظر خواهند پرداخت و در پایان، به شرکت‌کنندگان گواهی حضور در همایش اعطا خواهد شد.   ثبت نام در مهمترین رویداد صنعت وب و موبایل ایران تا پایان بهمن ماه ۹۵ امکان پذیر خواهد بود، برای ثبت نام و یا کسب اطلاعات بیشتر در خصوص این رویداد و آشنایی با موضوعات و سخنرانان به آدرس http://conf.wsschool.org/fowm مراجعه نمایید.   کاربران وردپرس پارسی می‌توانند با استفاده از کد wp-parsi از مبلغ ۴۰ هزار تومان تخفیف در ثبت نام برخوردار شوند.
M.A.H.D.Y

نحوه استفاده از کد جاوا در پست

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

با سلام.

یک مشکلی داشتم می خواستم دوستان یک راهنمایی بکنن

میخواستم ببینم چطور می تونیم کد زیر رو توی پست فراخوانی کنم..این کد یک باکس با چند تب هستش که با استفاده ار دستورات jQuery نوشته شده..می خواستم بدونم آیا میشه این کد رو در پست یا برگه (وردپرس ) فراخوانی کرد...

چطور باید این کار رو انجام داد...با تشکر


<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function() {
$(".tab").slideUp();
$(".tab:first").slideDown();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab").slideUp();
var activeTab = $(this).attr("rel");
$("#"+activeTab).slideToggle();
});
});
</script>
<style>
ul.tabs {
margin: 0;
padding: 0;
float: right;
list-style: none;
height: 32px;
width: 100%;
font:12px tahoma;
}
ul.tabs li {
float: right;
margin: 0;
cursor: pointer;
padding: 0px 21px ;
height: 31px;
line-height: 31px;
border: 1px solid #999;
border-right:none;
font-weight: bold;
background: #EEE;
overflow: hidden;
position: relative;
}
ul.tabs li:hover {
background: #CCCCCC;
}
ul.tabs li:first-child{
border-radius:0 5px 0 0;
-moz-border-radius:0 5px 0 0;
-ms-border-radius:0 5px 0 0;
-webkit-border-radius:0 5px 0 0;
-o-border-radius:0 5px 0 0;
-khtml-border-radius:0 5px 0 0;
border-right:1px solid #999;
}
ul.tabs li:last-child{
border-radius:5px 0 0 0;
-moz-border-radius:5px 0 0 0;
-ms-border-radius:5px 0 0 0;
-webkit-border-radius:5px 0 0 0;
-o-border-radius:5px 0 0 0;
-khtml-border-radius:5px 0 0 0;
}
ul.tabs li.active{
background: #FFF;
border-bottom: 1px solid #FFF;
}
.alltabs {
border: 1px solid #999;
clear: both;
float: right;
width: 100%;
background: #FFF;
border-radius:5px 0 5px 5px;
-moz-border-radius:5px 0 5px 5px;
-ms-border-radius:5px 0 5px 5px;
-webkit-border-radius:5px 0 5px 5px;
-o-border-radius:5px 0 5px 5px;
-khtml-border-radius:5px 0 5px 5px;
}
.tab {
padding: 10px;
font:11px tahoma;
text-align:right;
display: none;
}
</style>

و


<div style="display:none"></div>
<div id="container">
<ul class="tabs">
<li class="active" rel="test11">تب اول</li>
<li rel="test12">تب دوم</li>
<li rel="test13">تب سوم</li>
</ul>
<div class="alltabs">
<div id="test11" class="tab">
متن تب اول
</div>
<div id="test12" class="tab">
متن تب دوم
</div>
<div id="test13" class="tab">
متن تب سوم
</div>
</div>
</div>

با تشکر

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


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

بهترین کار ساخت تمپلیت جداگانه در قالب و نسبت دادنش به برگه مورد نظره ولی در حالت کلی این کدها به همین صورت هم اگر وارد ویرایشگر متنی بشوند در مطلب عمل می کنند

نکته: این کدها جاوا اسکریپت هستند که با کدهای جاوا فرق دارند کدهای جاوا شرایطی دیگه برای اجرا دارند

البته این بخش از کدتون رو به فایل style.css قالب اضافه کنید


ul.tabs {
margin: 0;
padding: 0;
float: right;
list-style: none;
height: 32px;
width: 100%;
font:12px tahoma;
}
ul.tabs li {
float: right;
margin: 0;
cursor: pointer;
padding: 0px 21px ;
height: 31px;
line-height: 31px;
border: 1px solid #999;
border-right:none;
font-weight: bold;
background: #EEE;
overflow: hidden;
position: relative;
}
ul.tabs li:hover {
background: #CCCCCC;
}
ul.tabs li:first-child{
border-radius:0 5px 0 0;
-moz-border-radius:0 5px 0 0;
-ms-border-radius:0 5px 0 0;
-webkit-border-radius:0 5px 0 0;
-o-border-radius:0 5px 0 0;
-khtml-border-radius:0 5px 0 0;
border-right:1px solid #999;
}
ul.tabs li:last-child{
border-radius:5px 0 0 0;
-moz-border-radius:5px 0 0 0;
-ms-border-radius:5px 0 0 0;
-webkit-border-radius:5px 0 0 0;
-o-border-radius:5px 0 0 0;
-khtml-border-radius:5px 0 0 0;
}
ul.tabs li.active{
background: #FFF;
border-bottom: 1px solid #FFF;
}
.alltabs {
border: 1px solid #999;
clear: both;
float: right;
width: 100%;
background: #FFF;
border-radius:5px 0 5px 5px;
-moz-border-radius:5px 0 5px 5px;
-ms-border-radius:5px 0 5px 5px;
-webkit-border-radius:5px 0 5px 5px;
-o-border-radius:5px 0 5px 5px;
-khtml-border-radius:5px 0 5px 5px;
}
.tab {
padding: 10px;
font:11px tahoma;
text-align:right;
display: none;
}

و مابقی را در پست قرار دهید

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


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

با تشکر..آیا کدهایی که می خوام در پست قرار بدم آیا باید در بین تگ هایی خاصی قرار داد منظورم نگ های <head> و < body> هستش..

و کدهای stylee که گفتید آیا مکان خاصی باید قرار بگیره در style.css

ویرایش شده در توسط M.A.H.D.Y

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


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

کدهای sttyle پله کانی هستند بهتره در انتهای فایل باشند

بهتر است کدهای js را بعد از کدهای html قرار بدید ولی کد اتصال به کتابخانه را در مرحله اول نگذارید خود وردپرس به کتابخانه متصله اگر فایل اجرا نشد کد را قبلی از همه کدهایتان بگذارید

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


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

کد استایل رو که گفتید در انتهای کد ها قالب قرار دادم...

اما در مورد اون 2 تا کدی که گفتید و js خوب متوجه منظور شما نشدم که چطور باید کد ها رو قرار بدم توی پست ...آیا امکانش هست طربقه قرار گیری اون 2 کد رو بگید


<html>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<head>
<script>
$(document).ready(function() {
$(".tab").slideUp();
$(".tab:first").slideDown();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab").slideUp();
var activeTab = $(this).attr("rel");
$("#"+activeTab).slideToggle();
});
});
</script>
</head>
<body>
<!-- this tool by http://moisrex.rozblog.com --->
<div style="display:none"><h2><a href="http://moisrex.rozblog.com">کدستان</a></h2></div><div id="container">
<ul class="tabs">
<li class="active" rel="test11">تب اول</li>
<li rel="test12">تب دوم</li>
<li rel="test13">تب سوم</li>
</ul>
<div class="alltabs">
<div id="test11" class="tab">
متن تب اول
</div>
<div id="test12" class="tab">
متن تب دوم
</div>
<div id="test13" class="tab">
متن تب سوم
</div>
</div>
</div>
<a style="display:none" href="http://moisrex.rozblog.com/">ابزار ساخت کد منو های دارای تب</a>
</body>
</html>

من این طور 2 کد رو توی پست قرار میدم..البته من مبتدی هستم و زیاد در مورد نوع قرار گیری اطلاع کافی ندارم..زمانی که این کدها رو به این شکل در پست قرار میدم

جدول بدون شکل هستش و فقط نوشته ها توی پست نشان داده میشه .. میشه بگید 2 کد رو چطور باید قرار بدم در پست

ویرایش شده در توسط M.A.H.D.Y

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


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

نمی دونم چرا نشد پست رو ویرایش کنم فقط خواستم بگم که با کمک راهنمایی ها و یک کمی کار کردن روی کدها درست شد

کد styll رو در همون فایل style.css در آخرش کپی کردم

کد اولی رو در قسمت Header سایت بعد از تگ head کپی کردم

در خود پست هم کد دوم رو به اضافه فایل js در بین تگ body قرار دادم ..اینطوری فقط تونیستم این باکس رو بیارم و اجرا کنم...

ممنون از راهنمایی اگر باز مطلبی اضافه ای هست یا روش بهتری راهنمایی کنید ..

---

اگر به باکس تب دار بهتری با امکانات بهتری مد نظرتون هست معرفی کنید هم ممنون میشم...

ویرایش شده در توسط M.A.H.D.Y

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


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

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط mosi1672
      سلام 
      من یه سایتی دارم که برای همایش علمی مقالات رو با فرمی که با افزونه گرویتی فرم ساخته شده دریافت میکنم.
      خواستم بدونم آیا راهی وجود داره که امار مقالات دریافتی رو به صورت داینامیک و پویا بتونم با روی سایت اصلی نشون بدم؟ البته با ظاهر زیبا
      مثل این سایت تایپ ایران که امار پروژه ها و کاربرانش رو به صورت نمودار دایره ای نشون میده..
      این ادرس سایت :
      ادرس فرم:http://ihsc.bsbmu.ir/maghaleh/
      ادرس سایت:http://ihsc.bsbmu.ir/

      میدونم خیلی ساده گفتم ولی اگر امکان داره راهنمایی بفرمایید
    • توسط rezarnmsh
      با سلام احتیاج به طراحی یک سایت مشابه persiandivx.net با وردپرس دارم افرادی که فرصت  طراحی دارند با ایمیل *** مبلغ و زمان ان را اطلاع دهند با تشکر
    • توسط رضا علیزاده
      سلام خدمت همه دوستان
      عنوان خیلی عجبیه !
      توضیح:
      میخوام قبل از تمام لینک هایی که توی مطلب قرار میدم به صورت خودکار لینک مربوط به صفحه انتقال قرار بگیره.
       
      امیدوارم واضح توضیح داده باشم.
    • توسط رضا علیزاده
      سلام خدمت اساتید؛
      من برای یکی از سایت های وردپرسی ستون کناری قرار دادم که داخل ادامه مطلب ها هست (در صفحه خانه نیست).
      این ستون کناری رو با ابزارک ها تنظیم کردم, حالا میخوام زمانی که ابزارک آخر (یا ابزارک دلخواه رسید) این ستون با اسکرول کردن تا محل مشکل پایین بیاد.
       
      ممنون میشم راهنمایی بفرمایید.
    • توسط miladg4
      با سلام
      بیشتر اوقات با این مسئله روبرو میشوم که کش افزونه هایی که مینویسم در بروزر پاک نمیشن و حتی با ctrl+f5 و empty cash and hard reload این مشکل حل نمیشه
      و فایل های جاوا همون عملکرد قبل رو دارن و حتی با پاک کردن فایل های js باز هم در source آدرس فایل ها وجود داره و حتی کدهام باقی موندن. edit js ها هم live انجام نمیشن!!!

      این مسئله خیلی آزاردهنده اس ولی هیچ استراتژی ای واسه این کار ندارم
      لطفا راهنمایی کنید