Tema: Posicionamiento del logo
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 15/02/2012, 13:14
gUlas
 
Fecha de Ingreso: enero-2012
Ubicación: Asuncion
Mensajes: 8
Antigüedad: 13 años
Puntos: 0
Respuesta: Posicionamiento del logo
perdon que algun moderador la mueva al lugar que corresponda

Código CSS: 
Ver original
  1. /* -------------------------------------
  2.     - HEAD -
  3. ------------------------------------- */
  4. #head_wrapper{
  5.     width: 100%;
  6.     min-width: 1100px;
  7.     height: <?php echo get_option('tp_header_logo_height');?>;
  8.     background-color: <?php echo get_option('tp_color_header_background');?>;
  9.     border-bottom: 1px solid #222;
  10.     border-top: 1px solid #222; 
  11. }
  12.  
  13. #head{
  14.     width: 980px;
  15.     margin: 0 auto;
  16.     position: relative;
  17. }
  18.  
  19. /* Site Logo */
  20. #head #sitelogo{
  21.     background: url(<?php echo get_option('tp_header_logo');?>) no-repeat left center ;
  22.     width: <?php echo get_option('tp_header_logo_width');?>;
  23.     height: <?php echo get_option('tp_header_logo_height');?>;
  24.     float: left;
  25. }
  26.  
  27. /* Main Menu */
  28. #head #nav{
  29.     float: <?php echo get_option("tp_header_menu_align"); ?>;
  30.     z-index: 10;
  31.     position: relative;
  32.     border-left: 1px solid <?php echo get_option('tp_color_header_divider_dark');?>;
  33. }
  34.  
  35. /* Help DIV for last thin border after the menu */
  36. #head #headspace_left{
  37.     height: <?php echo get_option('tp_header_logo_height');?>;
  38.     border-left: 1px solid <?php echo get_option('tp_color_header_divider_light');?>;
  39.     float: left;
  40.     width: 2px;
  41. }
  42. #head #headspace_right{
  43.     height: <?php echo get_option('tp_header_logo_height');?>;
  44.     border-right: 1px solid <?php echo get_option('tp_color_header_divider_dark');?>;
  45.     float: right;
  46.     width: 1px;
  47. }
  48.  
  49. #head #headspace_ultraright{
  50.     height: <?php echo get_option('tp_header_logo_height');?>;
  51.     border-left: 1px solid <?php echo get_option('tp_color_header_divider_light');?>;
  52.     float: right;
  53.     width: 2px;
  54. }
  55.  
  56. /* Search Box */
  57. #head #search{
  58.     float: right;
  59.     width: 200px;
  60.     border-left: 1px solid <?php echo get_option('tp_color_header_divider_light');?>;
  61.     text-align: right;
  62.     padding-left: 6px;
  63.     line-height: <?php echo get_option('tp_header_logo_height');?>;
  64.     vertical-align: middle;
  65. }
  66.  
  67. #head #search input[type=text]{
  68.     width: 153px;
  69.     height: 26px;
  70.     border: 1px solid <?php echo get_option('tp_color_header_search_border'); ?>;
  71.     border-radius: 3px;
  72.     background-color: <?php echo get_option('tp_color_header_search'); ?>;
  73.     font-family: Arial;
  74.     font-size: <?php echo get_option('tp_fonts_body_textfont_size'); ?>;
  75.     color: <?php echo get_option('tp_color_header_search_test'); ?>;
  76.     text-shadow: #000 1px 1px 1px;
  77.     padding-left: 10px;
  78.     outline: none;
  79. }
  80.  
  81.  
  82. #head #search input[type=submit]  {
  83.     background-repeat: no-repeat;
  84.     border: 0;
  85.     width: 18px;
  86.     height: 21px;
  87.     cursor: pointer;
  88.     margin-left: 6px;
  89.     padding-bottom: 4px;
  90.     background: url(<?php echo get_option('tp_header_search_icon_idle'); ?>);
  91. }
  92.  
  93. #head #search input[type=submit]:hover{
  94.  
  95.     background: url('<?php echo get_option('tp_header_search_icon_hover'); ?>') no-repeat left top;
  96.  
  97. }
  98.  
  99. #sidebar #search button {
  100.  
  101.     background: url(<?php echo get_option('tp_header_search_icon_idle'); ?>) no-repeat center center;
  102.     height: 30px;
  103.     border: 0;
  104.     box-shadow: 0 0px 0 rgba(100, 100, 100, 0.7);
  105. }
  106.  
  107.  
  108.  
  109. #sidebar #search button:hover{
  110.  
  111.     background: #333 url(<?php echo get_option('tp_header_search_icon_hover'); ?>) no-repeat center center !important;
ese es el css de mi web.. quien me ayuda a poner el logo arriba... y dejar todo el menu abajo de el