Foros del Web » Programando para Internet » PHP »

Posicionamiento del logo

 Estas en el tema de Posicionamiento del logo en el foro de PHP en Foros del Web. Buenas amigos de forosdelweb... descargue un template de wordpress que tiene una ubicacion del logo que no me gusta... alguien me puede ayudar con eso.. ...
  #1 (permalink)  
Antiguo 15/02/2012, 12:47
 
Fecha de Ingreso: enero-2012
Ubicación: Asuncion
Mensajes: 8
Antigüedad: 12 años, 3 meses
Puntos: 0
Exclamación Posicionamiento del logo
Buenas amigos de forosdelweb...

descargue un template de wordpress que tiene una ubicacion del logo que no me gusta... alguien me puede ayudar con eso..

en este link tienen un muestra de lo que descargue..
[URL="http://www.themepunch.com/config/"]Ver live demo[/URL]

mi consulta es.. el logo esta chiquito arriba a la izquierda... en la misma barra que el menu...
me pueden ayudar a cambiar eso... digamos que en la barra del menu quede solo home, contact, features, etc..

y que el logo quede arriba grande...

dejo el .php del header

header.php
Código PHP:
<?php
    $template_uri = get_template_directory_uri();
    
    $search_input = get_option("tp_language_search_input");
    if ($search_input=="") $search_input="Search...";
    
    $header_search = get_option("tp_header_search");
    $header_menu_align = get_option("tp_header_menu_align");
    
    $header_sitelogo = get_option('tp_header_favicon_png');
    $header_favicon = get_option('tp_header_favicon_icon');
    
    $background_image = get_option('tp_site_background_pic_src');
    $background_stretch = get_option('tp_site_background_pic_stretch');
    if(get_option('tp_site_background_pic_fadein')=="On")    
        $background_fade = "fadein";
    else {
        $background_fade = "";
    }
    
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta http-equiv="Content-Type" content="<?php echo get_bloginfo('html_type'); ?>; charset=<?php echo get_bloginfo('charset'); ?>" />
    <meta name="keywords" content="" />
    <meta name="description" content="<?php echo get_bloginfo('description'); ?>" />
    <meta name="robots" content="index, follow" />
    <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title><?php echo get_bloginfo('name'); ?> <?php wp_title(); ?></title>

    <link rel="icon" type="image/png" href="<?php echo $header_sitelogo; ?>" />
    <!-- commented, remove this line to use IE & iOS favicons -->           
    <link rel="shortcut icon" href="<?php echo $header_favicon; ?>" /> 
    
    
    <!-- CSS -->
    <!-- reset -->
    <link rel="stylesheet" type="text/css" href="<?php echo $template_uri; ?>/css/reset.css" media="screen" />
    <!-- Screen CSS -->
    <link rel="stylesheet" type="text/css" href="<?php echo $template_uri; ?>/style.css" media="screen" /> 
    <link rel="stylesheet" type="text/css" href="<?php echo $template_uri; ?>/css/screen.php" media="screen" />      
    <!-- IE8 Specials -->
    <!--[if lt IE 9]>
            <link rel="stylesheet" type="text/css" href="<?php echo $template_uri; ?>/css/style-ie8-and-down.php" />
    <![endif]-->
        
    <!-- FONT IMPORT -->
    <link href='<?php echo get_option('tp_fonts_headline_font');?>' rel='stylesheet' type='text/css'>
    <link href='<?php echo get_option('tp_home_headline_font');?>' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
    
    <script>
        $templateurl = '<?php echo $template_uri;?>';
    </script>
    
    <!-- jQuery Plugins -->
    <?php wp_head(); ?>

</head>

<body <?php body_class( "" ); ?>>
    <!--
        ##################################
            -    BACKGROUND MODULE    -
        ##################################
        
            - bg-fit-outside or
            - bg-fit-inside or
            - bg-stretch
            - bg-tiled
            
            and 
            
            - fadein
        ###################################
        -->
        <?php if(get_option('tp_site_background_pic_activate')=='On'){?>
         
        <div id="main-background">
            <div class="<?php echo $background_stretch; ?> <?php echo $background_fade; ?>" data-category="a" data-src="<?php echo $background_image; ?>"></div>
        </div>
        <?php } ?>
    
    <div class="allcontainer" style="position:relative;z-index:20">
    <!--
    #######################################
        - HEAD -
    ######################################
    --> 
    <div id="head_wrapper"> 
        <div id="head">
            <?php if($header_menu_align=="right"){ ?><div id="headspace_ultraright"></div><?php } ?>
            <a href="<?php echo home_url(); ?>"><div id="sitelogo"></div></a>
                         <?php wp_nav_menu( array( 'container'       => 'div', 'menu' => 'navigation', 'menu_id' => 'nix', 'menu_class' => 'nope', 'container_id' => 'nav','container_class' => 'ochnix' )); ?>
            <?php if($header_menu_align=="left"){ ?><div id="headspace_left"></div>
            <?php }
                if($header_search=="On"){?>
                <div id="search">
                    <form method="get" action="<?php echo home_url(); ?>/">
                        <input type="text" name="s" id="s" name="Search" onFocus="if(this.value == '<?php echo $search_input ?>') { this.value = ''; }" onBlur="if(this.value == '') { this.value = '<?php echo $search_input ?>'; }" value="<?php echo $search_input ?>" class="InputBox" />
                        <input type="submit" id="Form_Go" value="" class="Button" />
                    </form>
                </div>
                <div id="headspace_right"></div>
            <?php } ?>
        </div> <!-- end head_wrap -->
    </div> <!-- end head -->
  #2 (permalink)  
Antiguo 15/02/2012, 13:12
Avatar de memoadian
Colaborador
  
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
Respuesta: Posicionamiento del logo
eso lo manejas con css no con php.
  #3 (permalink)  
Antiguo 15/02/2012, 13:14
 
Fecha de Ingreso: enero-2012
Ubicación: Asuncion
Mensajes: 8
Antigüedad: 12 años, 3 meses
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

Etiquetas: html, logo, posicionamiento
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 23:18.