رفتن به مطلب
توقف فعالیت انجمن وردپرس پارسی، و ادامه فعالیت در انجمن رسمی وردپرس(کلیک کنید) ×
توقف فعالیت انجمن وردپرس پارسی، و ادامه فعالیت در انجمن رسمی وردپرس(کلیک کنید)

در خواست استایل تبلیغات متنی

_ sahar

توسط _ sahar،
در برنامه نویسی استاتیک

دنبال‌کننده 0

پست های پیشنهاد شده

_ sahar

_ sahar 24

ارسال شده در
ارسال شده در

با عزض سلام خدمت شما دوستان:D

چند وقت پیش تو سایتی یه قسمت تبلیغات متنی دیدم که خیلی خوشم اومد

این عکس اون قسمت از تبلیغات متنیه

http://upload7.ir/imgs/2014-12/77847281777807715397.jpg

گفتم یه قسمت مثل همین با شکل همین تو سایتم راه اندازی کنم که خداروشکر افزونه های زیادی برای تبلیغات متنی استفاده میشه ولی من هر چی گشتم افزونه ای پیدا کنم که شکل تبلیغات متنیش مثل این باشه پیدا نکردم

فقط ظلاهر ساده ای از افزونه تبلیغات نصیبم میشود

ازتون ممنون میشم افزونه ای رو معرفی کنید که مثل این تبلیغات متنی باشه

با تشکر

post-7989-0-89017900-1417709877_thumb.jp

لینک به ارسال
Farzad

Farzad 3805

ارسال شده در
ارسال شده در

نیازی به استفاده از افزونه نیست دوست گرامی،

این کد مشابه چیزی که میخواین :

HTML :


<div class="Farzad">
<a href="#">
	 تبلیغ متنی
</a>
</div>
<div class="Farzad">
<a href="#">
	 تبلیغ متنی
</a>
</div>
<div class="Farzad">
<a href="#">
	 تبلیغ متنی
</a>
</div>
<div class="Farzad">
<a href="#">
	 تبلیغ متنی
</a>
</div>

CSS :


.Farzad a {
color:#FFF;
font-family:tahoma;
font-size:13px;
line-height:30px;
text-decoration:none;
}
.Farzad {
display:block;
width:250px;
height:30px;
text-align:center;
margin: 10px auto;
border:1px solid;
border-radius:15px 0px;
box-shadow:0px 15px 10px -5px #999;
}
.Farzad:nth-child(1) {
background:darkblue;
}
.Farzad:nth-child(2) {
background:darkred;
}
.Farzad:nth-child(3) {
background:purple;
}
.Farzad:nth-child(4) {
background:darkgreen;
}

Online Demo

  • امتیاز 4
لینک به ارسال
_ sahar

_ sahar 24

ارسال شده در
  • مالک
ارسال شده در

نیازی به استفاده از افزونه نیست دوست گرامی،

این کد مشابه چیزی که میخواین :

HTML :


<div class="Farzad">
<a href="#">
	 تبلیغ متنی
</a>
</div>
<div class="Farzad">
<a href="#">
	 تبلیغ متنی
</a>
</div>
<div class="Farzad">
<a href="#">
	 تبلیغ متنی
</a>
</div>
<div class="Farzad">
<a href="#">
	 تبلیغ متنی
</a>
</div>

CSS :


.Farzad a {
color:#FFF;
font-family:tahoma;
font-size:13px;
line-height:30px;
text-decoration:none;
}
.Farzad {
display:block;
width:250px;
height:30px;
text-align:center;
margin: 10px auto;
border:1px solid;
border-radius:15px 0px;
box-shadow:0px 15px 10px -5px #999;
}
.Farzad:nth-child(1) {
background:darkblue;
}
.Farzad:nth-child(2) {
background:darkred;
}
.Farzad:nth-child(3) {
background:purple;
}
.Farzad:nth-child(4) {
background:darkgreen;
}

Online Demo

ممنونم ازتون فقط کد اول کجا باید لینگ ارجاع دهنده رو وارد کنم ؟

لینک به ارسال
M.Javad

M.Javad 684

ارسال شده در
ارسال شده در (ویرایش شده)

ممنونم ازتون فقط کد اول کجا باید لینگ ارجاع دهنده رو وارد کنم ؟

کد html رو در جایی که میخواید نمایش داده بشه بزارید و کد css رو در فایل Style.css قرار بدید

برای لینک دادن هم باید به جای # در کد <a href="#"> آدرس لینک رو وارد کنید

ویرایش شده توسط M.Javad
  • امتیاز 2
لینک به ارسال
_ sahar

_ sahar 24

ارسال شده در
  • مالک
ارسال شده در

کجاش کار نکرد دقیقاً؟

نمیدونم فایل Style.css کجا هست اصلا هر چی میگردم پیداش نمیکنم ...

لینک به ارسال
علی زینلی

علی زینلی 2114

ارسال شده در
ارسال شده در
نمیدونم فایل Style.css کجا هست اصلا هر چی میگردم پیداش نمیکنم ...

آدرس زیر رو به دقّت دنبال کنین:

پنل وردپرسی » نمایش » ویرایشگر » انتخاب فایل style.css (به صورت پیشفرض روی همین فایل هست هنگام لود) (برای جستجو میتونین کلید های ترکیبی ctrl+F رو بزنین و به دنبال واژه مورد نظرتون بگردین

گذاشتن کد زیر (نوشته ی دوست عزیزمون Farzad) در انتهای کد های style.css (اگر کار نکرد یعنی یه جای کدنویسی های قبلیتون مورد داره و باید این کد رو به اواسط style.css انتقال بدید تا کار کنه)

.txtads a {
color:#FFF;
font-family:tahoma;
font-size:13px;
line-height:30px;
text-decoration:none;
}
.txtads {
display:block;
width:250px;
height:30px;
text-align:center;
margin: 10px auto;
border-radius:10px 0px;
}
.txtads:nth-child(1) {
background:#0099FF;
}
.txtads:nth-child(2) {
background:#DA4735;
}
.txtads:nth-child(3) {
background:#CC66CC;
}
.txtads:nth-child(4) {
background:#00CC65;
}


و حالا به محلّی که میخواین کد ها رو بذارین برین. برای مثال: sidebar.php
و کد زیر رو در جایی که میخواین نمایش داده بشه مثلاً در محل widget ها قرار بدین:
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
کد تمام HTML (اگر با فایل style.css مشکل داشتین):
<style>
.txtads a {
color:#FFF;
font-family:tahoma;
font-size:13px;
line-height:30px;
text-decoration:none;
}
.txtads {
display:block;
width:250px;
height:30px;
text-align:center;
margin: 10px auto;
border-radius:10px 0px;
}
.txtads:nth-child(1) {
background:#0099FF;
}
.txtads:nth-child(2) {
background:#DA4735;
}
.txtads:nth-child(3) {
background:#CC66CC;
}
.txtads:nth-child(4) {
background:#00CC65;
}
</style>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>





			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	
    
		
		
			
				
				
  • 
					
						
					
							
								امتیاز
							
							
								1
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
					
					
  • 
						
					
    • 
				

			

		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		_ sahar
	

			
		

		

			

				

_ sahar
				

	
		
	
			 24
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
						
  • مالک
    • 
					
					
					
					
					
				

			

			
		


		

			ارسال شده در  
			
			
				
				
			
		

	


	


	

		
		

			
آدرس زیر رو به دقّت دنبال کنین:
پنل وردپرسی » نمایش » ویرایشگر » انتخاب فایل style.css (به صورت پیشفرض روی همین فایل هست هنگام لود) (برای جستجو میتونین کلید های ترکیبی ctrl+F رو بزنین و به دنبال واژه مورد نظرتون بگردین
گذاشتن کد زیر (نوشته ی دوست عزیزمون Farzad) در انتهای کد های style.css (اگر کار نکرد یعنی یه جای کدنویسی های قبلیتون مورد داره و باید این کد رو به اواسط style.css انتقال بدید تا کار کنه)
.txtads a {
color:#FFF;
font-family:tahoma;
font-size:13px;
line-height:30px;
text-decoration:none;
}
.txtads {
display:block;
width:250px;
height:30px;
text-align:center;
margin: 10px auto;
border-radius:10px 0px;
}
.txtads:nth-child(1) {
background:#0099FF;
}
.txtads:nth-child(2) {
background:#DA4735;
}
.txtads:nth-child(3) {
background:#CC66CC;
}
.txtads:nth-child(4) {
background:#00CC65;
}


و حالا به محلّی که میخواین کد ها رو بذارین برین. برای مثال: sidebar.php
و کد زیر رو در جایی که میخواین نمایش داده بشه مثلاً در محل widget ها قرار بدین:
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
کد تمام HTML (اگر با فایل style.css مشکل داشتین):
<style>
.txtads a {
color:#FFF;
font-family:tahoma;
font-size:13px;
line-height:30px;
text-decoration:none;
}
.txtads {
display:block;
width:250px;
height:30px;
text-align:center;
margin: 10px auto;
border-radius:10px 0px;
}
.txtads:nth-child(1) {
background:#0099FF;
}
.txtads:nth-child(2) {
background:#DA4735;
}
.txtads:nth-child(3) {
background:#CC66CC;
}
.txtads:nth-child(4) {
background:#00CC65;
}
</style>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>
<div class="txtads">
<a href="#">
www.YourWeb.ir
</a>
</div>


سلام . ممنونم ازتون با دقت مراحلی که گفتید انجام دادم ولی مثل این نمیشه قسمت تبلیغات متنی من
http://upload7.ir/imgs/2014-12/77847281777807715397.jpg
مثل این میشه
http://upload7.ir/imgs/2014-12/86971674380465931481.jpg



			
		


		

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					






					
					
					
				

					

					
					






					
					
					
				
			
			



		

	


	
	
	
	
	
		
		

			
				
				



	
	
		

			
لطفا برای ارسال دیدگاه وارد شوید

			
شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید

			

			

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

	


			
		

	

	
		

			
				

					


				

			
			

				


	

	
		دنبال‌کننده
		0
	


			

			
		

	







	

		
			
				برو به فهرست موضوع ها
			
		
	

	




						


					

					


					

				

			

			
		

		
		


	

		×
		

			
				

					
				

			

			
		

	






	

		×
		

			
    
				
  • اضافه کردن...
    •