Visualizzazione Stampabile
Salve a tutti,
Allora ho il seguente problemino. Vorrei mettere al centro il mio logo. Solo il logo nient'altro. Mi sapreste dire come fare ?? Ho visto svariate guide ma nessuna che va bene, ho la versione 4.2.0. Grazie e spero di ricevere vostro aiuto.
Dovrai fare una modifica al template header.
Ciao y2ksw,
Vorrei mettere il mio logo al centro ma non ci riesco. ho eseguito quanto mi hai detto ma purtroppo niente. Non riesco a trovarlo. Mi puoi fare uno screenshoits di dove dovrei trovare le variabili da modificare ??? Grazie.
in alternativa alla soluzione proposta da y2ksw, che ti spiegherà i particolari (immagino ti faccia sostituire $stylevar[left] con center) si può modificare/aggiungere del codice all'additional ccs. dipende un po' da cosa vuol dire centrare. questo che ti suggerisco è utile per spostare. esempio per spostare il logo di 30 px dal margine sinistro.
come trovare e modificare l'additional ccs è nel forum.Codice:.logo-image {
padding-left:30px;
}
Perchè quando vado su CSS Principale --> Gestioni stili mi dice che è obsoleto ???? Ecco l'immagine in allegato. grazie a tutte e due per ora.
Scusate ma non so se è la sessione giusta dove devo modificare la posizione del logo. Questo è il mio header:
header:
E' qui che devo modificare ?????Codice:
<div align = "center">
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></div></a></div></vb:if>
<div id="toplinks" class="toplinks">
<vb:if condition="$show['member']">
<ul class="isuser">
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a></li>
<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
<vb:if condition="$notifications_total">
<li class="popupmenu notifications" id="notifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
<ul class="popupbody popuphover">
{vb:raw notifications_menubits}
</ul>
</li>
<vb:else />
<li class="popupmenu nonotifications" id="nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
<ul class="popupbody popuphover">
<li>{vb:rawphrase no_new_messages}</li>
<vb:if condition="$show['pmmainlink']"><li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li></vb:if>
</ul>
</li>
</vb:if>
<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_header}
</vb:if>
</ul>
{vb:raw template_hook.header_userinfo}
<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
<vb:else />
<ul class="nouser">
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
<li>
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
<fieldset id="logindetails" class="logindetails">
<div>
<div>
<input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>
</div>
</fieldset>
<div id="remember" class="remember">
<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
</div>
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<script type="text/javascript">
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
vB_XHTML_Ready.subscribe(function()
{
//
YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
});
function navbar_username_focus(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')
{
//
textbox.value='';
textbox.style.color='{vb:stylevar input_color}';
}
}
function navbar_username_blur(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '')
{
//
textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';
textbox.style.color='{vb:stylevar shade_color}';
}
}
function navbar_password_hint(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
YAHOO.util.Dom.get('navbar_password').focus();
}
function navbar_password(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '')
{
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
}
}
</script>
</li>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_header}
</vb:if>
</ul>
</vb:if>
</div>
<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />
</div>
Bastava cercare "logo" nel testo ;)Codice:<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></div></a></div></vb:if>
Ciao y2ksw,
Ma senza il .logo ???
Ciao y2ksw,
Scusami se ti rompo. Ma qui non mi mette al centro il logo. Dove mi hai indicato. Non so il perchè. Ho fatto due prove sia con:
In fondo alla riga dove si chiudono gli altri tag e sia ho provato semplicemnte con quest'altro codice:Codice:
<div align = "center">
</div>
Codice:
<center>
Questa è dove l'ho posizionata:
Dove sbaglio ????Codice:
<vb:if condition="$stylevar['titleimage']"><div><center><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></div></a></div></vb:if>
Allora diciamo di aver risolto in parte ma non proprio. Ora vi faccio vedere il mio codice modificato e poi lo spostamento dell'immagine. Questo è il codice modificato:
Se il tag "center" lo metto all'inizio oppureCodice:
<vb:if condition="$stylevar['titleimage']"><div> <a name="top" href="{vb:link forumhome}"> <"center" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></div></a></vb:if>
all'inizio del div non succede nulla. Solo e lometto all'interno della classe. E questo dopo la modifica quanto mi sposta. Premetto che prima era tutto sul lato sxCodice:<div> <a name="top" href="{vb:link forumhome}">
Allora per la felicità di y2ksw ho risolto il problema e finalmente il logo sta al centro come volevo io. Però c'è un piccolo disturbo, ossia quando vado sul logo si visualizza una parte di codice cosa che non dovrebbe visualizzare. Ora non so se ho errato io a mettere il codice oppure è proprio così. Vorrei sapre da qualcuno se la sintassi è gista, grazie. Posto qua la parte di codice:
E' giusta come sintassi ???? Questo è quanto si vede equanto sono riuscito a catturare. Spero che qualcuno di voi mi possa dare qualche dritta grazie.Codice:
<vb:if condition="$stylevar['titleimage']"><div> <a name="top" href="{vb:link forumhome}"> <center> class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></div></a></vb:if></div></center>
Forse hai sbagliato qualcosa nel procedimento, adesso io non mi ricordo come feci quando ho aperto il forum,
ma con le indicazioni degli amici qui nel forum, ho cambiato e posizionato il mio logo, addirittura ho messo anche
un banner scorrevole in html, fai una ricerca sul forum e guarda un pò se ritrovi questo topic in cui vi sono le indicazioni e passaggi descritti molto bene.
Permettimi un piccolo OT, secondo me il logo lo dovevi lasciare a sinistra e coprire lo spazio con un testo, meglio se stilizzato e personalizzato ( puoi guardare il mio forum come esempio, in calce alla firma c'è il link ), questa è solo la mia opinione dato che di grafica 2D ne capisco un pò, poi devi decidere tu come sistemare la testata.
Coraggio e pazienza, vedrai che pian pianino sistemi il tutto.
Per imparare HTML c'è il sito HTML.it.
Qui diamo solo assistenza a vbulletin.
Senza cattiveria :)
Perché io sono ignorante di HTML, ma se vedo paperinik mi sento quasi esperto :)
Perdonami Giovanni,
Sicuramente sei più esperto di me, ma avrai già incontrato tale problema immagino. E quindi lo avrai anche risolto, qua non si tratta di html qua si tratta di codice di vbulletin il che è leggermente differente. Per quanto riguarda l'html so qualcosina ed è un discorso a parte. Solo non capisco perchè vicino al logo mi compare la scritta quela che ho allegato con l'immagine. Tutto qua, la vorrei far scomparire se è possibile. Spero di non essermi ripetuto altrimenti chiedo scusa.
Si tratta di HTML. Centrare il logo richiede codice HTML e io sono ignorante di HTML.
Ciao Giovanni,
Diciamo che comunque me la sono cavata e sono riuscito ad ottenere quello che volevo. Qui per correttezza posto il codice originario e poi sotto posto il codice modificato.
Codicie originario header:
Questa è solo la parte riguardante il logo. per chi lo volesse al centro basta modificare in questa maniera qua:Codice:
<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>
Istruzioni e guida per come arrivarci:
Pannello di controllo --> Stili & Template andare su Gestioni Stili comparirà una maschera come questa Fig. 1 sotto in basso:
Allegato 1944 Fig.1
Cliccare sulla freccetta in basso e selezionare l'opzione "Modifica Templete" è la prima voce in alto sotto la voce opzioni template vedere Fig.2
Allegato 1947 Fig. 2
Cliccare su vai e si aprirà una finestra come questa Fig.3:
Allegato 1948 Fig.3
Cercare nellelenco a fianco la variabile "header" vedere Fig. 4
Allegato 1949 Fig.4
A questo punto cliccarci sopra due volte e si aprirà un'altra schermata vedere Fig. 5
Allegato 1950 Fig. 5
A questo punto cercare il codice riportato sopra e sostituirlo con questo codice modificato e funzionante:
Codice:
<vb:if condition="$stylevar['titleimage']"><div> <a name="top" href="{vb:link forumhome}"> <div align ="center"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></div></a></vb:if></div></div>
Potete copiarlo così com'è questo riguarda solo la parte del logo per averlo al centro. Fatto ciò salvare e vedere il risultato finale.
Spero che la mia piccola guida sia stata utile. grazie a tutti e buona domenica.
Grazie. La discussione si può chiudere.
Scusate a tutti,
Ma nella mia piccola guida c'era un po' di macello nelle immagini e ho preferito rimetterle a posto anzicchè avere il caos. Ora dovrebbe andare bene.
Ciao Giovanni,
Ho intenzione di pubblicare presto un'altra guida che può essere d'aiuto a tutti gli utenti di vbulletin 4.2 Spero a fine settimana o inizio della prossima. Si può aprire im argomento dove si racimolano le guide per trovarle con più facilità ??? Fammi sapere grazie.
E' la sezione delle FAQ, dove sposto le guide realmente utili. Inoltre, se sono globalmente applicabili, le pubblicherò nel CMS, qui: http://www.vbulletin.it/content/109-vbulletin-4
Se poi proliferi molto, possiamo anche pensare a scrivere un ebook :)