WordPress.org

1. lavak00731
   Member
   Posted 9 months ago #

   I want to add the following html to a WordPress theme but I do not know where I should put it

   <div id="fijo">
   <ul>
     <li><a class="facebook" href="http://www.facebook.com/pages/Vivero-La-Cumbrecita/131998386885740?created" title="Seguinos en Facebook"></a></li>
     <li><a class="feed" href="http://viverolacumbrecita.com.ar/feed" title="RSS Feed"></a></li>
     <li><a class="contacto" href="http://www.viverolacumbrecita.com.ar/contacto/" title="contacto"></a></li>
     </ul>
   </div>

   The CSS code is
   

   #fijo {
   	 position: absolute;
    	 top: 50%;
    	background-color: #79c471;
   	vertical-align: center;
   	margin-left: -7px;
   	padding: 5px;
   	height: 110px;
   	width: 36px;
   	border: 3px double #CCC;
   	list-style-type: none;
   	position: fixed;
   	z-index: 1;
   	color: #FFF;
   	-webkit-border-top-right-radius: 21px;
   	-moz-border-top-right-radius: 21px;
   	border-top-right-radius: 21px;
   	-webkit-border-bottom-right-radius: 21px;
   	-moz-border-bottom-right-radius: 21px;
   	border-bottom-right-radius: 21px;
   }
   
   #fijo ul li {
   	list-style:none;
   	padding-bottom: 5px;
   	text-align:center;
   	display: block;
   	height: 32px;
   	width: 32px;
   	visibility:visible;
   	}
   
   #fijo a {
   	display: block;
   	height: 32px;
   	width: 32px;
   }
   
   .facebook {
   	background: url(spry.png);
   	background-position: 0px 0px;
   }
   
   .facebook:hover {
   	border: 2px solid #FFF;
   }
   
   .feed {
   	background-position: 0px -32px;
   	background-image: url(spry.png);
   }
   
   .feed:hover {
   	border: 2px solid #FFF;
   }
   
   .contacto {
   	background:url(spry.png);
   	background-position: 0px -64px;
   }
   
   .contacto:hover {
   	border: 2px solid #FFF;
   }
   
   p{
   	color:#000;
   	padding:3px 0px 3px 0px;
   	margin:0px;
   	border-bottom:1px solid #f0f2f4;
   	text-align:justify;
   	font-family: Tahoma, "Trebuchet MS", Verdana, sans-seriv;
   	font-size: 13px;
   	font-style: normal;
   	font-variant: normal;
   }

   Any help is welcome. thanks in advance!!!

Reply

You must log in to post.