اسكريپت « انجمن وردپرس فارسی

با عرض سلام ميخاستم روش استفاده از اسكريپت ها ونصب اونا رو بدونم مثلا اين:
http://demo.alimir.ir/dl/pretty-tabs-with-CSS3-and-jQuery.zip

سلام
من هم سايت سرگرمى و تفريحى دارم ميخوام براى سايتم اسكريپت چت روم نصب كنم بايد چطورى نصب كنم و بيارم روى وردپرس سايتم؟
ممنون ميشم اگر پاسخ زودتر بدين

HHH071 گفت:
با عرض سلام ميخاستم روش استفاده از اسكريپت ها ونصب اونا رو بدونم مثلا اين:
http://demo.alimir.ir/dl/pretty-tabs-with-CSS3-and-jQuery.zip

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

body {
	  width: 700px;
	  margin: 30px auto 0 auto;
	  font-family: tahoma;
	  font-size: small;
	  background-color: #eee;
	  direction:rtl;
	}
	#warp {
	padding-bottom:20px;
	text-align:center;
	}

	/* ------------------------------------------------- */

	#tabs {
	  overflow: hidden;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}

	#tabs li {
	  float: right;
	  margin: 0 -15px 0 0;
	}

	#tabs a {
	  float: right;
	  position: relative;
	  padding: 0 40px;
	  height: 0;
	  line-height: 30px;
	  text-transform: uppercase;
	  text-decoration: none;
	  color: #fff;
	  border-left: 30px solid transparent;
	  border-bottom: 30px solid #3D3D3D;
	  border-bottom-color: #777\9;
	  opacity: .3;
	  filter: alpha(opacity=30);
	}

	#tabs a:hover,
	#tabs a:focus {
	  border-bottom-color: #2ac7e1;
	  opacity: 1;
	  filter: alpha(opacity=100);
	}

	#tabs a:focus {
	  outline: 0;
	}

	#tabs #current {
	  z-index: 3;
	  border-bottom-color: #3d3d3d;
	  opacity: 1;
	  filter: alpha(opacity=100);
	}

	/* ----------- */
	#content {
	    background: #fff;
	    border-top: 2px solid #3d3d3d;
	    padding: 2em;
	    /*height: 220px;*/
	}

	#content h2,
	  #content h3,
	  #content p {
	    margin: 0 0 15px 0;
	}

فایل js رو هم آپلود کنید و در قالبتون بهش لینک بدین .
منظور از لینک دادن به این صورته که به جای آدرس سایت زیر باید آدرس فایل آپلود شده در هاستتون رو قرار بدین و سپس اونو در مکانی مناسب بین تگ های <head> و </head> و در فایل header.php قرار بدین .

<script src="jquery.js"></script>

علاوه بر این که کئ js رو در قالب گذاشتید باید کد زیر رو عینا کپی کنید زیر همین لینکی که اضافه میکنید :
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

سپس باید کد تب ها رو در مکان مناسبی از قالبتون بزارید :

<ul id="tabs">
      <li><a href="#" name="#tab1">یک</a></li>
      <li><a href="#" name="#tab2">دو</a></li>
      <li><a href="#" name="#tab3">سه</a></li>
      <li><a href="#" name="#tab4">چهار</a></li>
  </ul>

  <div id="content">
      <div id="tab1">
          <h2>دنیای وردپرس و برنامه نویسی</h2>
          <p>بهترین های دنیای وب و توسعه را از ما بخواهید.</p>
          <p>برای رفتن به صفحه اصلی بر روی لینک زیر کلیک کنید.</p>
          <a href="http://alimir.ir" target="_blank">دنیای وردپرس و برنامه نویسی</a>
      </div>
      <div id="tab2">
          <h2>سامانه پرسش و پاسخ</h2>
          <p>این سامانه مکانی است تا پرسش های مربوط به وردپرس و برنامه نویسی را در آنجا مطرح کنید و در کوتاهترین زمان پاسخ خود را دریافت کنید.</p>
          <p>برای ورود<a href="http://answer.alimir.ir" target="_blank">کلیک کنید</a></p>
      </div>
      <div id="tab3">
          <h2>متن آزمایشی</h2>
		  <p>این یک متن آزمایشی است و ارزش دیگری ندارد.</p>
      </div>
      <div id="tab4">
          <h2>فسانه</h2>
		  <p>

ای فسانه... فسانه.... فسانه <br>
ای خدنگ تو را من نشانه <br>
ای علاج دل ای داروی درد <br>
هم ره گریه های شبانه <br>
با من سوخته در چه کارهی<br>
ای فسانه خسا نند انان <br>
که فرو بسته راه را به گلزار <br>
خس به صد سال طوفان ننالد<br>
گل ز یک تار باد است بیمار <br>
تو مپوشان سخن ها که داری

		  </p>
      </div>
  </div>

amintak گفت:
سلام
من هم سايت سرگرمى و تفريحى دارم ميخوام براى سايتم اسكريپت چت روم نصب كنم بايد چطورى نصب كنم و بيارم روى وردپرس سايتم؟
ممنون ميشم اگر پاسخ زودتر بدين

درود .

اینجا انجمن پشتیبانی وردپرس هست و مشکل شما مربوط به وردپرس نیست ! بلکه مربوط به سیستم چت روم شما میشه .

اما اصولا باید یا با آی فریم فراخوانیش کنید یا کد جی کوئری و php داشته باشید تا بتونید قرار بدین .

وردپرس فارسی

انجمن

اسكريپت (۴ نوشته)

درباره‌ی این موضوع

برچسب‌ها