Visualizzazione dei risultati da 1 a 9 su 9

Discussione: Sistemazione header

  1. #1

    Sistemazione header

    Ciao a tutti,

    sto configurando un sito web e vorrei sistemare l'header. Per la precisione il link "Logout" che vedete nella foto che ho caricato a questo indirizzo :

    http://www.flickr.com/photos/2668797...7107/lightbox/

    va spostato dall'estremo angolo in alto a sinistra all' angolo in alto a destra (nello spazio nero dove non c'e' niente). Questo è tutto il codice del file header.php e la parte di codice che ho evidenziato si occupa di creare un link che permette di uscire dal sito. Vi ringrazio in anticipo per l'aiuto.


    <!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" <?php language_attributes(); ?>>

    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
    <?php wp_head(); ?>


    da qui

    <?php if (is_user_logged_in()){
    echo "<h2>Welcome! </h2>"; ?>

    <ul>[*]Logout[/list]
    <?php } else { ?>

    <form name="loginform" id="login" action="<?php echo get_settings('siteurl'); ?>/wp-login.php" method=”post">
    <h2>Account Login</h2>
    <label for="userid">Userid:</label>
    <input type="text" name="log" value='' id="userid" size="15"/>

    <label for="password">Password:</label>
    <input type="password" name="pwd" value="" id="password" size="10"/>
    <input type="submit" name="submit" value="Login" id="enter" />


    <?php wp_register(", "); ?>


    Lost your password?</p>
    </form>

    <?php } ?>

    a qui


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script>jqcc=jQuery.noConflict(true);</script>

    </head>
    <body>

    <div class="Main">

    <div class="Sheet">
    <div class="Sheet-body">
    <div class="Header">
    <div>
    <table class="logo">
    <tr><td class="logo-name"><?php bloginfo('name'); ?></td></tr>
    <tr><td class="logo-text"><?php bloginfo('description'); ?></td></tr>
    </table>

    </div>
    </div>
    <div class="nav">
    <ul class="menu">
    <?php art_menu_items(false); ?>[/list]
    <div class="l"></div><div class="r"><div></div></div></div>
    mario.

  2. #2
    non riguarda php.
    devi solo aggiungere una classe css che sposti il logout dove vuoi.


    <ul class="logout">[*]Logout[/list]


    e poi nel file css aggiungi

    .logout {
    display:block;
    float:right

    }

    dubito che fuzioni però... il codice che hai postato è completmente sballato... lo script php che gestisce il login (e che produce output!) è nel tag <HEAD>!


    tutto il blocco racchiuso tra "da qui" "a qui" dovrebbe stare in un div inserito appena prima del div di chiusura dell'header, secondo me...

  3. #3
    questo pezzo di codice dove lo inserisco ?

    <ul class="logout">[*]Logout[/list]
    mario.

  4. #4
    dipende da dove lo vuoi. a destra ok, ma sopra/sotto cosa? ad esempio se lo vuoi sopra il menu orizzontale, ma sotto logo/titolo, io lo inserirei qua:


    </table>

    </div>
    </div>
    ---inizio inserimento----
    Codice PHP:
    <?php if (is_user_logged_in()){
    echo 
    "<h2>Welcome! </h2>"?>

    <ul>[*][url="<?php echo wp_logout_url(get_permalink()); ?>"]Logout[/url][/list]
    <?php } else { ?>

    <form name="loginform" id="login" action="<?php echo get_settings('siteurl'); ?>/wp-login.php" method=”post">
    <h2>Account Login</h2>
    <label for="userid">Userid:</label>
    <input type="text" name="log" value='' id="userid" size="15"/>

    <label for="password">Password:</label>
    <input type="password" name="pwd" value="" id="password" size="10"/>
    <input type="submit" name="submit" value="Login" id="enter" />


    <?php wp_register(", "); ?>


    [url="<?php bloginfo('wpurl'); ?>/wp-login.php?action=lostpassword"]Lost your password?[/url]</p>
    </form>

    <?php ?>
    ----fine inserimento----

    <div class="nav">
    <ul class="menu">

  5. #5
    mario.

  6. #6
    per forza , non gli hai messo la classe...

    comunque... il blocco

    Codice PHP:
    <?php if (is_user_logged_in()){
    echo 
    "<h2>Welcome! </h2>"?>

    <ul>[*][url="<?php echo wp_logout_url(get_permalink()); ?>"]Logout[/url][/list]
    <?php } else { ?>

    <form name="loginform" id="login" action="<?php echo get_settings('siteurl'); ?>/wp-login.php" method=”post">
    <h2>Account Login</h2>
    <label for="userid">Userid:</label>
    <input type="text" name="log" value='' id="userid" size="15"/>

    <label for="password">Password:</label>
    <input type="password" name="pwd" value="" id="password" size="10"/>
    <input type="submit" name="submit" value="Login" id="enter" />


    <?php wp_register(", "); ?>


    [url="<?php bloginfo('wpurl'); ?>/wp-login.php?action=lostpassword"]Lost your password?[/url]</p>
    </form>

    <?php ?>
    che chiameremo Osvaldo,

    contiene sia il logout (visibile quando hai fatto login ) che il modulo di login. Tiene presente che non stai spostando solo il logout.

    Se lo vuoi in alto, prova ad inserirlo sotto
    <div class="Main">


    inoltre, se hai problemi ad individuare il css da modificare prova aggiungendo uno stile inline, ovvero questo:
    codice:
    <?php if (is_user_logged_in()){
    echo "<h2>Welcome! </h2>"; ?>
    
    <ul>
    lo fai diventare così:
    codice:
    <?php if (is_user_logged_in()){
    echo "<h2>Welcome! </h2>"; ?>
    
    <ul style="display:block;float:right;">
    se è troppo a destra vuol dire che devi beccare il container giusto, provando a spostare Osvaldo all'interno di altri div,

    <div class="Sheet">
    Osvaldo (secondo tentativo)
    <div class="Sheet-body">
    Osvaldo (terzo tentativo)
    <div class="Header">
    eccetera...

  7. #7
    La posizione del link per uscire dal sito puo' andare bene,ma guarda che succede se ci clicco sopra per uscire :

    http://www.flickr.com/photos/2668797...n/photostream/

    il modulo per entrare risulta tutto schiacciato in alto a sinistra ! dannazione.
    mario.

  8. #8
    forse ti conviene separarli....


    quindi, smembriamo Osvaldo:


    <?php if (is_user_logged_in()){
    echo "<h2>Welcome! </h2>"; ?>

    <ul style="display:block;float:right;">[*]Logout[/list]
    <?php } ?>

    questo diventa il LogOut


    <?php if (!is_user_logged_in()){
    <form name="loginform" id="login" action="<?php echo get_settings('siteurl'); ?>/wp-login.php" method=”post">
    <h2>Account Login</h2>
    <label for="userid">Userid:</label>
    <input type="text" name="log" value='' id="userid" size="15"/>
    <label for="password">Password:</label>
    <input type="password" name="pwd" value="" id="password" size="10"/>
    <input type="submit" name="submit" value="Login" id="enter" />


    <?php wp_register(", "); ?> Recupera password?</p>
    </form>
    <?php } ?>

    e questo il login, che puoi sistemare diversamente senza andare a modificare il logout.

  9. #9
    Stavo notando che il tema che uso (ADir) gia' possiede il link "Esci da questo account",che e' collocato nella sezione "Meta" e i files che si occupano di gestire il posizionamento di questa sezione nella parte destra dello schermo sarebbero sidebar1.php o sidebar2.php,percio' non ha senso metterne un altro.
    mario.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.