Jump to content
  • 0

Всплывающая подсказка к ссылке (с произвольными свойствами)

BituM

Asked by BituM,

 Share

Question

BituM Explorer

BituM

Posted
Posted

Всем привет

 

Помогите пожалуйста решить проблему с созданием всплывающей подсказки

для ссылки. ВП эта должна быть  нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот)

 

простенький title.

<a href="https://yadi.sk/d/9ZvR5g1XagZGJ" title="Сохранить  файл"><span style="font-size:19px;background-color:black;color:white;">«Я умею прыгать через лужи»</span></a>

не годится стало быть

Хоть и работает тег-то

 

Однако попытки (а их было МНОГо) использовать css ни к чем путному привели . Нужный мне результат так и не получился

 

ГДЕ же ошибки в кодах?

 

1

<a href="https://yadi.sk/d/9ZvR5g1XagZGJ"><div id="totlip" display:inline-block;position:relative  style="showTitle:hover:after ;content: attr(data-title);position: absolute;z-index: 1;font-family: Arial, sans-serif;padding: 5px 10px; font-size:18px;background-color:darkred;color:white; border:1px solid #fff; ">Сохранить файл<span style="font-size:18px;background-color:darkred;color:white;border: 1px solid #fff;">  «Я умею  прыгать через  лужи»  </span></a>
2
<a href="https://yadi.sk/d/qbhLcr71b6CqW" class="totlip"{display:inline-block;position:relative;}:hover::after {content: attr(data-text);"Сохранить" position:absolute;z-index:1;font-family:Arial,sans-serif;padding: 5px 10px;font-size:18px;background-color:darkred;color:white;border:4px solid #fff;}<span style="font-size:18px;background-color:darkblue;color:white;border:1px solid #fff;">  «Нашествие»  </span></a>
3
<a href="https://yadi.sk/d/9ZvR5g1XagZGJ"><DIV.HELP (width:155px;height:86px;background-color:indigo;color:white; border:1px solid #fff;position:absolute;{display:none;Ъсохранить</div><span style="font-size:18px;background-color:darkblue;color:white;border:1px solid #fff;">  «Воспоминания»(1963)  </span></a>
Ведь ни один не сработал
Огромная просьба не нужно «пулять» в меня ссылками с примерами  решения моей проблемы. Именно по аналогии с их содержимым я и конструировал свои коды.(может и нелепые но кто не был новичком?)
В идеале мне надо видеть перед глазами два кода полностью прописанных
Один мой неверный
Второй наоборот правильный
 
 



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



		

		
		
					
		

			

				
24 answers to this question

				

					
					
				

			

		

	

	



	

		
Recommended Posts

		
	



	
	

		

			
			
				

					

					
					





					
					
					
				

					

					
					





					
					
					
				

					

					
					





					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		Bassline
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Bassline
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			
  
            On 9/10/2014 at 8:50 AM, 'BituM said: 
 
В идеале мне надо видеть перед глазами два кода полностью прописанных
Один мой неверный
Второй наоборот правильный
 
 
Нет никакого желания ковыряться в этой не читаемой каше
<DIV.HELP (width:155px;height:86px;background-color:indigo;color:white; border:1px solid #fff;position:absolute;{display:none;Ъсохранить</div>
И тем более что-то там полностью прописывать с различным вариантами.
 
Оформите вопрос и код по-человечески.
А еще лучше выучите основы, прежде чем начать делать всплывающие подсказки.



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		swandev
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


swandev
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			

  
            On 9/10/2014 at 1:16 PM, BituM said: 
 
  
       Quote 
Например http://qtip2.com/demos
 
 
просил ведь насчет ссылок
 
Можно и на ссылку повесить. Читайте документацию или оформляйте более понятно вопрос если это совсем не то что нужно.



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		Николя223
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Николя223
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			

  
            On 9/10/2014 at 2:42 PM, ALEEX SWN said: 
 Можно и на ссылку повесить. Читайте документацию или оформляйте более понятно вопрос если это совсем не то что нужно. 
я не думал что ты тролль ))))))
 
  
            On 9/10/2014 at 8:50 AM, BituM said: 
 Помогите пожалуйста решить проблему с созданием всплывающей подсказки для ссылки. ВП эта должна быть  нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот)   простенький title. 
 
Погуглите, есть много плагинов очень простых, которые  преобразуют Title в подсказки....
 
npofopr кстати такой и привел   http://qtip2.com/api   - читайте, там все просто 



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
			

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		Bassline
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Bassline
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
					(edited)
				
				
			
		

	


	

    

	

		
		

			
  
            On 9/10/2014 at 6:15 PM, Николя223 said: 
 Погуглите, есть много плагинов очень простых, которые преобразуют Title в подсказки....
 
Человек же попросил:
 
  
            On 9/10/2014 at 8:50 AM, BituM said: 
 Огромная просьба не нужно «пулять» в меня ссылками с примерами решения моей проблемы.
  
            On 9/10/2014 at 8:50 AM, BituM said: 
В идеале мне надо видеть перед глазами два кода полностью прописанных



			
				


	Edited  by Bassline
	
	

			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					





					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		swandev
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


swandev
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			

  
            On 9/10/2014 at 6:15 PM, Николя223 said: 
  
            On 9/10/2014 at 2:42 PM, ALEEX SWN said: 
Можно и на ссылку повесить. Читайте документацию или оформляйте более понятно вопрос если это совсем не то что нужно.
я не думал что ты тролль ))))))
 
  
            On 9/10/2014 at 8:50 AM, BituM said: 
Помогите пожалуйста решить проблему с созданием всплывающей подсказки для ссылки. ВП эта должна быть  нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот)   простенький title.
 
Погуглите, есть много плагинов очень простых, которые  преобразуют Title в подсказки....
 
npofopr кстати такой и привел   http://qtip2.com/api   - читайте, там все просто
Не думаю что это троллинг))



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					





					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		BituM
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


BituM
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
						
  • Author
    • 
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			

http://www.xiper.net/collect/html-and-css-tricks/content/css3-tooltips
<a href="#" class="tooltip"> your text <span>Your tooltip description</span></a>
попытка все сделать как в материале только со своей ссылкой
 
шаг 1
<a href="https://yadi.sk/d/EWSoCxZWbRE44" class="tooltip"> Сохранить<span>Герадот «История»</span></a>
шаг 2
<a href="https://yadi.sk/d/EWSoCxZWbRE44"title="Сохранить">Герадот «История»</a>
шаг 3
<a href="https://yadi.sk/d/EWSoCxZWbRE44"data-title="Сохранить">Герадот «История»</a>
до сих пор все понятно 
а вот дальше…..
.tooltip:hover:before {    content: attr(data-title);          /* дальше идет просто оформление */}
Откуда опять взялся totlip  и пр.? 
Если мы от него только ушли?
 
 
Встраивать его в понятный html код как? 
Так?
<a href="https://yadi.sk/d/EWSoCxZWbRE44".tooltip:hover:before {content: attr(data-title="Сохранить" );Герадот «История»</a>
Или так?
<a href="https://yadi.sk/d/EWSoCxZWbRE44".tooltip:hover:before {content: attr(data-title="Сохранить" );position: absolute;bottom: 30px;left: 50%;z-index: 999;width: 230px;;padding: 10px;border: 2px solid white;opacity:.9;background-color: darkred;color:white;}Герадот «История»</a>
Разметка того…не рабочая совсем 
Но вот как правильно?



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					





					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		BituM
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


BituM
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
						
  • Author
    • 
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			

http://codepen.io/GreatRash/pen/Cujkf
 
Лык мачало – начинай сначала
<a href="https://yadi.sk/d/EWSoCxZWbRE44"data-tooltip="Сохранить">Герадот «История»</a>
так?
дальше
<a {display:inline-block;position:relative;}href="https://yadi.sk/d/EWSoCxZWbRE44"data-tooltip="Сохранить">Герадот «История»</a>
почему дата-тоолтип в скобках оказывается?
Откуда еще одна а перед hover? И точка 
 
продолжение
<a {display:inline-block;position:relative;}href="https://yadi.sk/d/EWSoCxZWbRE44"hover:after {content: attr(data- tooltip="Сохранить");position:absolute;top:0;left:100%;margim:0 0 0 5px;padding:0 5px; white-space:nowrap;text-decoration;none; border: 2px solid white;background-color:darkred;color:white;}Герадот «История»</a>
Есес-но результат ошибка
 
 
 
 
 
 
 
 
 
 
 



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					





					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		swandev
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


swandev
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			

  
            On 9/11/2014 at 1:42 PM, BituM said: 
http://codepen.io/GreatRash/pen/Cujkf
 
Лык мачало – начинай сначала
<a href="https://yadi.sk/d/EWSoCxZWbRE44"data-tooltip="Сохранить">Герадот «История»</a>
так?
дальше
<a {display:inline-block;position:relative;}href="https://yadi.sk/d/EWSoCxZWbRE44"data-tooltip="Сохранить">Герадот «История»</a>
почему дата-тоолтип в скобках оказывается?
Откуда еще одна а перед hover? И точка 
 
продолжение
<a {display:inline-block;position:relative;}href="https://yadi.sk/d/EWSoCxZWbRE44"hover:after {content: attr(data- tooltip="Сохранить");position:absolute;top:0;left:100%;margim:0 0 0 5px;padding:0 5px; white-space:nowrap;text-decoration;none; border: 2px solid white;background-color:darkred;color:white;}Герадот «История»</a>
Есес-но результат ошибка
Несмотря на то что вам уже привели рабочие примеры, потратил несколько секунд на гугл
 
http://webdesign.tutsplus.com/articles/how-to-create-script-free-css3-tooltips--webdesign-3322
http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					





					
					
					
				

					

					
					





					
					
					
				

					

					
					





					
					
					
				

					

					
					





					
					
					
				

					

					
					





					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		Great Rash
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Great Rash
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			
Значит это не ваше. Найдите того, кто понимает, заплатите ему денег и он вам всё сделает. Дальше разжёвывать что-то просто бессмысленно ибо проще уже некуда.



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
			

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					





					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		BituM
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


BituM
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
						
  • Author
    • 
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			
  
            On 9/12/2014 at 8:40 AM, Great Rash said: 
Значит это не ваше. Найдите того, кто понимает, заплатите ему денег и он вам всё сделает. Дальше разжёвывать что-то просто бессмысленно ибо проще уже некуда.
 
в ЧЕМ ГЛАВНАЯ МОЯ ТРУДНОСТЬ
Я не   пойму как оба этих куска кода:
1 Ссылка с самоназванием 
2 блок с описаниеМ св-в всплывающей подсказки
Соединить в одно целое?
В какой последоватеьности?
Что куда встраивается?
Что после чего идет?



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		Great Rash
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Great Rash
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			

Вам дали ссылку на страницу, где как раз написано как связать воедино ссылку и код, который отвечает за её работу. Продублирую ещё раз: http://htmlbook.ru/samcss/sposoby-dobavleniya-stiley-na-stranitsu



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
			

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				
			
			



		

	


	
	
	
	
	
		
		

			
				
				

	
		

			
Join the conversation

			

	
				
					You can post now and register later.
				
				If you have an account, sign in now to post with your account.
				
					
Note: Your post will require moderator approval before it will be visible.
				
			

	
		

	




	
	
		
	
		
	
		
	
	
		
		
	
	

		


	
		Guest
	


		

			
				
					
				
					
						
					
				
					
				
			
			
				
					
						
							
						
						


	

		
		
		
			
 Answer this question...

		
		

			

				
					×
					  Pasted as rich text.   Paste as plain text instead
				
			

		

		

			

				  Only 75 emoji are allowed.
			

		

		

			

				×
				  Your link has been automatically embedded.   Display as a link instead
			

		

		

			

			

		

		

			

				×
				  Your previous content has been restored.   Clear editor
			

		

		

			

				×
				  You cannot paste images directly. Upload or insert images from URL.
			

		

		
	
	

	

		

			×
			
		

		

	



						
					
				
					
				
					
				
			
			
		

	



			
		

	

	
		

			
				

					


    
          Share
    

    

        
        
            

            
        
    


				

			
			

				


			

			
		

	







	

		
			
				Go to question listing
			
		
	

	




						


	

		
    
			
				
					
					
  • 
				
			
		

	


					

					


	

		
		
		
		


	

		
    
			
				
					
					
  • 
				
					
					
  • 

	
    Обсуждения
    
	
		
    
			
      
				
					
    • 
						
      
							


	
		Nikker
	

						
      
						
      
							
       Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене
      
							
      By 


Nikker · Posted 
      
							
      
								Актуальные контакты:
 


	Telegram: @Nikker_web
	E-Mail:   tarasevich.email@gmail.com
 


	Портфолио https://www.behance.net/d4d4186e
 


	Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
 


	 
 


	 
 


	
 

							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		Nikker
	

						
      
						
      
							
       Брендовый дизайн в социальных сетях
      
							
      By 


Nikker · Posted 
      
							
      
								Актуальные контакты:
 


	Telegram: @Nikker_web
	E-Mail:   tarasevich.email@gmail.com
	 
 


	Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
 


	 
 


	Портфолио https://www.behance.net/d4d4186e
 

							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		Mondeus
	

						
      
						
      
							
       Вёрстка футера на движке Xenforo
      
							
      By 


Mondeus · Posted 
      
							
      
								Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. 
 

.p-footer
{
	.xf-publicFooter();

	a
	{
		.xf-publicFooterLink();
	}
}

.p-footer-inner
{
	.m-pageWidth();
	.m-pageInset();

	padding-top: @xf-paddingMedium;
	padding-bottom: @xf-paddingLarge;
}

.p-footer-row
{
	.m-clearFix();

	margin-bottom: -@xf-paddingLarge;
}

.p-footer-row-main
{
	float: left;
	margin-bottom: @xf-paddingLarge;
}

.p-footer-row-opposite
{
	float: right;
	margin-bottom: @xf-paddingLarge;
}

.p-footer-linkList
{
	.m-listPlain();
	.m-clearFix();

	> li
	{
		float: left;
		margin-right: .5em;

		&:last-child
		{
			margin-right: 0;
		}

		a
		{
			padding: 2px 4px;
			border-radius: @xf-borderRadiusSmall;

			&:hover
			{
				text-decoration: none;
				background-color: fade(@xf-publicFooterLink--color, 10%);
			}
		}
	}
}

.p-footer-rssLink
{
	> span
	{
		position: relative;
		top: -1px;

		display: inline-block;
		width: 1.44em;
		height: 1.44em;
		line-height: 1.44em;
		text-align: center;
		font-size: .8em;
		background-color: #4682B4;
		border-radius: 2px;
	}

	.fa-rss
	{
		color: white;
	}
}

.p-footer-copyright
{
	margin-top: @xf-elementSpacer;
	text-align: center;
	font-size: @xf-fontSizeSmallest;
}

.p-footer-debug
{
	margin-top: @xf-paddingLarge;
	text-align: right;
	font-size: @xf-fontSizeSmallest;

	.pairs > dt { color: inherit; }
}

@media (max-width: @xf-responsiveMedium)
{
	.p-footer-row-main,
	.p-footer-row-opposite
	{
		float: none;
	}

	.p-footer-copyright
	{
		text-align: left;
		padding: 0 4px; // aligns with other links
	}
}


	 
 

 
							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		torsar
	

						
      
						
      
							
       Примеры верстки
      
							
      By 


torsar · Posted 
      
							
      
								Нужны сайты с примерами верстки, типа https://css-tricks.com/. 
	 
	Типовые приемы и нестандартные 
	на все случаи жизни. 
	 
	Накидайте ссылок.



	


							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		Katerina23
	

						
      
						
      
							
       Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?
      
							
      By 


Katerina23 · Posted 
      
							
      
								Да, подходит. Спасибо.
 

							
      
						
      
					
      • 
				
			
    
		
    
	


    • 
				
			
		

	


	


					

				

			

			
		

		
			
			



	

		×
		


    
	





			
				

					
				

			

			

			
		

	






	

		×
		

			
    
				
  • Create New...
    • 
				
			

		

	




			







	




	







	

		

			

				
Important Information

				
We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

			

			

				  I accept