Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje15-06-2013, 05:35 (UTC)    
Título del mensaje: Quiero cambiar los colores

Quiero cambiar el color de esta plantilla. Quisiera saber cómo.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">    <head>       <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"  />             <title>  - HOME</title>             <style type="text/css">          <!--
                  lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
   margin: 0px;
   padding: 0;
   background: #000000;
   text-align: justify;
   font-family:  Tahoma, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
}

h1, h2, h3 {
   margin-top: 0;
}

h1 {
   font-size: 1.6em;
   font-weight: normal;
}

h2 {
   font-size: 1.6em;
}

h3 {
   font-size: 1em;
}

ul {
}

a {
   text-decoration: none;
   color: #333333;
}

a:hover {
   border-bottom: none;
}

a img {
   border: none;
}

img.left {
   float: left;
   margin: 0 20px 0 0;
}

img.right {
   float: right;
   margin: 0 0 0 20px;
}

#header {
   width: 1000px;
   margin: 0 auto;
   height: 161px;
}

/* Header */

#logo {
   width: 1000px;
   height: 60px;
   margin: 0 auto;
   padding: 40px 10px 0 280px;
}

#logo h1, #logo p {
   float: left;
   margin: 0;
   padding-left: 100px;
   color: #000000;
}

#logo span {
   color: #000000;
}

#logo h1 {
   padding: 25px 0 0 0;
   letter-spacing: -1px;
   text-transform: uppercase;
   font-weight: normal;
   font-size: 3em;
}

#logo p {
   text-transform: uppercase;
   padding: 47px 0 0 3px;
   font-size: 10px;
   color: #110E0F;
}

#logo a {
   border: none;
   text-decoration: none;
   color: #000000;
}

/* Menu */

#menu {
   width: 1000px;
   margin: 0 auto;
   padding: 0;
   height: 61px;
   background: url(http://i.imgur.com/ejUMw.gif) no-repeat left top;
}

#menu ul {
   margin: 0;
   padding: 24px 0 0 260px;
   list-style: none;
}

#menu li {
   float: left;
   display: inline;
}

#menu a {
   height: 30px;
   margin: 0;
   padding: 20px 30px 0 30px;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 11px;
   font-weight: bold;
   color: #5E5034;
}

#menu a:hover {
   color: #5E5034;
}

#menu .current_page_item a {
   color: #5E5034;
}

/* Wrapper */

#wrapper {
   width: 100%;
   margin: 0px;
   padding: 0px;
   background: #EAE1D1;
}

/* Page */

#page {
   width: 1000px;
   margin: 0 auto;
   padding: 0px;
   background: url(http://i.imgur.com/QSaYv.gif) repeat-y left top;
}

#page-bg {
}

/* Latest Post */

#latest-post {
   padding: 20px;
   border: 1px solid #E7E7E7;
}

/* Content */

#content {
   float: left;
   width: 480px;
   padding: 10px 10px 0px 10px;
}

.post {
   padding-bottom: 15px;
   line-height: 200%;
}

.post h1 {
   font-weight: normal;
}

.title {
   margin: 0;
   padding: 10px 0 4px 20px;
   font-weight: normal;
}

.title a {
   border-bottom: none;
   color: #000000;
}

.title a:hover {
   border-bottom: 1px dotted #000000;
}

.byline {
   border-bottom: 1px #BBBBBB dashed;
   margin: -10px 20px 20px 20px;
}

.tag {
   padding: 0 15px;
}

.entry {
   padding: 0 20px;
}

.links {
   padding: 4px 0px;
   text-align: right;
   font-weight: bold;
}

.links a {
   display: block;
   width: 101px;
   height: 24px;
   padding-left: 10px;
   background: url(http://i.imgur.com/DB4eb.jpg) no-repeat left top;
   text-align: left;
   color: #FFFFFF;
}

.links a:hover {
}

/* Sidebars */

#sidebar1 {
   float: left;
   width: 200px;
   padding-left: 40px;
   padding-right: 10px;
}

#sidebar2 {
   float: right;
   width: 200px;
   padding-right: 40px;
}

.sidebar {
   float: left;
   margin-top: 20px;
   padding: 0;
}

.sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.sidebar li {
   padding: 0 0 20px 0;
   background: url(http://i.imgur.com/0Ovjp.jpg) no-repeat left bottom;
}

.sidebar li ul {
   background: none;
   padding-bottom: 20px;
}

.sidebar li li {
   margin: 0px 10px;
   padding: 8px 0px;
   border-bottom: 1px #BBBBBB dashed;
   background: none;
}


.sidebar li h2 {
   height: 32px;
   background: url(http://i.imgur.com/3BUEH.jpg) no-repeat left top;
   margin: 0 0 0 0;
   padding: 8px 15px 0px 15px;
   text-transform: uppercase;
   font-size: 11px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #FFFFFF;
}

.sidebar a {
}

/* Search */

#searchform {
   margin: 0;
   padding: 0 0 20px 0;
}

#searchform br {
   display: none;
}

#searchform h2 {
}

#s {
   margin: 10px 0px 0 15px;
   padding: 2px 2px;
   width: 165px;
   height: 18px;
   border: 1px solid #CCCCCC;
   background: #FFFFFF;
   font-size: 10px;
   color: #000000;
}

#x {
   margin: 0;
   padding: 2px 5px;
   height: 25px;
   background: #CA8186;
   text-decoration: none;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #CCCCCC;
}
/* Calendar */

#calendar_wrap {
   padding: 10px 15px;
   text-align: center;
}

#calendar_wrap table {
   width: 100%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
   border: none;
}

#calendar_wrap tfoot td#prev {
   text-align: left;
   font-weight: bold;
   border: none;
}

#calendar_wrap tfoot td#prev a {
   border: none;
}

#calendar_wrap tfoot td#next {
   text-align: right;
   font-weight: bold;
   border: none;
}

#calendar_wrap tfoot td#next a {
   border: none;
}

/* Footer */

#footer {
   width: 1000px;
   height: 80px;
   margin: 0 auto;
   padding: 0 20px;
   background: url(http://i.imgur.com/YxxOx.gif) no-repeat center top;
}

#footer p {
   margin: 0;
   padding: 10px 0 0 0;
   text-align: center;
   text-transform: uppercase;
   font-size: smaller;
   font-family: Arial, Helvetica, sans-serif;
}

#footer a {
}

#footer .link {
}

#footer .copyright {
}
         //-->               </style> </head>    <body id="hpb_cssonly">    <title>lates</title> <FCK:meta name="keywords" content=""  /> <FCK:meta name="Performance" content=""  /> <link href="../default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <!-- start header --> <div id="header">    <div id="logo">       <h1 align="center"><a href="#" _fcksavedurl="#">marianosky</a></h1>       <p> </p>    </div>    <div id="menu">       <ul id="main">          <li class="current_page_item"><a href="#" _fcksavedurl="#">Homepage</a></li>          <li><a href="#" _fcksavedurl="#">Services</a></li>          <li><a href="#" _fcksavedurl="#">About Us</a></li>          <li><a href="#" _fcksavedurl="#">Contact Us</a></li>       </ul>    </div>     </div> <!-- end header -->    <!-- start page -->    <div id="page">       <div id="sidebar1" class="sidebar">          <ul>             <li>                <h2>Recent Posts</h2>                <ul>                   <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>                   <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>                   <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>                   <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>                   <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>                   <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>                   <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>                   <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>                   <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>                   <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>                </ul>             </li>             <li>                <h2>Recent Comments</h2>                <ul>                   <li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Aliquam libero</a></li>                   <li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>                   <li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>                   <li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>                   <li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>                   <li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>                </ul>             </li>             <li>                <h2>Categories</h2>                <ul>                   <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>                   <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>                   <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>                   <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>                   <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>                   <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>                </ul>             </li>             <li>                <h2>Archives</h2>                <ul>                   <li><a href="#" _fcksavedurl="#">September</a> (23)</li>                   <li><a href="#" _fcksavedurl="#">August</a> (31)</li>                   <li><a href="#" _fcksavedurl="#">July</a> (31)</li>                   <li><a href="#" _fcksavedurl="#">June</a> (30)</li>                   <li><a href="#" _fcksavedurl="#">May</a> (31)</li>                </ul>             </li>          </ul>       </div>       <!-- start content -->       <div id="content">          <div class="post">



Código:
</div>      </div>       <!-- end content -->       <!-- start sidebars -->       <div id="sidebar2" class="sidebar">          <ul>             <li>                <form id="searchform" method="get" action="#">                   <div>                      <h2>Site Search</h2>                      <input type="text" name="s" id="s" size="15" value="" />                   </div>                </form>             </li>             <li>                <h2>Tags</h2>                <p class="tag"><a href="#" _fcksavedurl="#">dolor</a> <a href="#" _fcksavedurl="#">ipsum</a> <a href="#" _fcksavedurl="#">lorem</a> <a href="#" _fcksavedurl="#">sit amet</a> <a href="#" _fcksavedurl="#">dolor</a> <a href="#" _fcksavedurl="#">ipsum</a> <a href="#" _fcksavedurl="#">lorem</a> <a href="#" _fcksavedurl="#">sit amet</a></p></li>             <li>                <h2>Calendar</h2>                <div id="calendar_wrap">                   <table summary="Calendar">                      <caption>                      October 2009                      </caption>                      <thead>                         <tr>                            <th abbr="Monday" scope="col" title="Monday">M</th>                            <th abbr="Tuesday" scope="col" title="Tuesday">T</th>                            <th abbr="Wednesday" scope="col" title="Wednesday">W</th>                            <th abbr="Thursday" scope="col" title="Thursday">T</th>                            <th abbr="Friday" scope="col" title="Friday">F</th>                            <th abbr="Saturday" scope="col" title="Saturday">S</th>                            <th abbr="Sunday" scope="col" title="Sunday">S</th>                         </tr>                      </thead>                      <tfoot>                         <tr>                            <td abbr="September" colspan="3" id="prev"><a href="#" _fcksavedurl="#" title="View posts for September 2009">« Sep</a></td>                            <td class="pad"> </td>                            <td colspan="3" id="next"> </td>                         </tr>                      </tfoot>                      <tbody>                         <tr>                            <td>1</td>                            <td>2</td>                            <td>3</td>                            <td id="today">4</td>                            <td>5</td>                            <td>6</td>                            <td>7</td>                         </tr>                         <tr>                            <td>8</td>                            <td>9</td>                            <td>10</td>                            <td>11</td>                            <td>12</td>                            <td>13</td>                            <td>14</td>                         </tr>                         <tr>                            <td>15</td>                            <td>16</td>                            <td>17</td>                            <td>18</td>                            <td>19</td>                            <td>20</td>                            <td>21</td>                         </tr>                         <tr>                            <td>22</td>                            <td>23</td>                            <td>24</td>                            <td>25</td>                            <td>26</td>                            <td>27</td>                            <td>28</td>                         </tr>                         <tr>                            <td>29</td>                            <td>30</td>                            <td>31</td>                            <td class="pad" colspan="4"> </td>                         </tr>                      </tbody>                   </table>                </div>             </li>             <li>                <h2>Categories</h2>                <ul>                   <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>                   <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>                   <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>                   <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>                   <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>                   <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>                   <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>                   <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>                   <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>                   <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>                   <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>                   <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>                   <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>                   <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>                   <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>                   <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>                   <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>                   <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>                   <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>                   <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>                   <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>                   <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>                </ul>             </li>          </ul>       </div>       <!-- end sidebars -->       <div style="clear: both;"> </div>    </div>    <!-- end page --> </div> <div id="footer">    <p class="copyright">©  2009 All Rights Reserved  •  Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> </body> </html>



Código:
<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=marianosky7&auth1=c241c291b7869e149f5d5b750ba62a77&auth2=ba510d8086dd3fdfda5497547c1884a5&auth3=4f7cba9904b3a1629c3ce951682438f5&auth4=8710767d1a52818841052352f238d8d4&auth5=9097437a9b6239ea1289fcb3a65ff50d&mode=track" style="display:none;width:1px;height:1px;"></iframe> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script> <script type="text/javascript">
   _uacct = "UA-2594508-9";
   urchinTracker();
</script>      <div id="extraDiv1"><span></span></div>       <div id="extraDiv2"><span></span></div>       <div id="extraDiv3"><span></span></div>       <div id="extraDiv4"><span></span></div>       <div id="extraDiv5"><span></span></div>       <div id="extraDiv6"><span></span></div>    </body> </html>
Mensaje15-06-2013, 07:31 (UTC)    
Título del mensaje: Re: Quiero cambiar los colores

hola, como su nombre indica, los colores se cambian en todos los lugares que ponga "color" en google hay decenas de paginas que facilitan los codifgos de colores hexadecimales:
http://html-color-codes.info/codigos-de-colores-hexadecimales/
______________

>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group