رفتن به مطلب
قوانین ایجاد موضوع جدید در انجمن

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

_ 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



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		علی زینلی
	

			
		

		

			

				

علی زینلی
				

	
		
	
			 2114
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			ارسال شده در  
			
			
				
				
			
		

	


	


	

		
		

			
با آیدی یاهوی من تماس بگیرید یا آدرس آنلاین بذارین تا بیشتر راهنمایی کنیم.



			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	
    
		
		
			
				
				
  • 
					
						
					
							
								امتیاز
							
							
								1
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
			

		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					






					
					
					
				
			
			



		

	


	
	
	
	
	
		
		

			
				
				

	
		

			
به گفتگو بپیوندید

			

	
				
					هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید.
				
				اگر حساب کاربری دارید،  برای ارسال با حساب کاربری خود اکنون وارد شوید .
				
			

	
		

	




	
	
		
	
		
	
	
		
		
	
	

		


	
		مهمان
	


		

			
				
					
				
					
						
    
							
  • 
								



	
	
	
	

								
							
    • 
						

					
				
			
			
				
					
						
							
						
						


	

		
		

			
		

		
			
 ارسال پاسخ به این موضوع ...

		
		

			

				
					×
					  شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی
				
			

		

		

			

				  تنها استفاده از 75 اموجی مجاز می باشد.
			

		

		

			

				×
				  لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک
			

		

		

			

			

		

		

			

				×
				  محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر
			

		

		

			

				×
				  شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.
			

		

		
	

		
	

	

	

		

			×
			
		

		

	



						
					
				
					
				
			
			
    
				
					
						
					
						
					
				
				
					
  • 

	

    • 
				
			

		

	



			
		

	

	
		

			
				

					


				

			
			

				


	

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


			

			
		

	







	

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

	




						


					

					


					

				

			

			
		

		
		


	

		×
		

			
				

					
				

			

			
		

	






	

		×
		

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