Impostazione css

[Haku]

Ho creato questo css:

http://jsfiddle.net/eu3Ls/

Solo che non so dove mettere il css (la linea di codice si perchè la metto nel global template)...

Ho provato a mettere nello style, ma mi scombina tutta la shoutbox etc ^^'

[najaru]

a destra dei template ci sono i css

mettilo nel ipb_style.css , ma devono essere i css

[Haku]

Se io metto solo il css (ovviamente), cioè questo:

div.fezbanner {
    display: inline;
    padding: 5px;
    border: 2px white solid;
    background: #67D583;
    background: -moz-linear-gradient(top, #67D583, #1F9F3F);
    background: -webkit-gradient(linear, left top, left bottom, from(#67D583), to(#1F9F3F));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#67d583', EndColorStr='#1f9f3f', GradientType=0);
    border-radius: 5px;
    color: white;
    text-shadow: 1px 1px 4px black;
    font-family: Arial;
}
div.fezbanner span {
    background: #c90000;
    background: -moz-linear-gradient(top, #c90000, #d80000);
    background: -webkit-gradient(linear, left top, left bottom, from(#c90000), to(#d80000));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#c90000', EndColorStr='#d80000', GradientType=0);
    padding: 3px;
    margin-left: 5px;
    border-radius: 5px;
    border: 1px solid white;
    text-shadow: -1px -1px grey;
    box-shadow: 1px 1px 1px black;

Mi modifica parte della shoutbox <.<

[Askancy]

che cosa ti modifica della shoutbox?

[Haku]

La grandezza del font, i css interni (tabelle più grosse) etc...

[najaru]

prova a metterlo prima di tutto il codice.

[Haku]

Avevo dimenticato un

}

alla fine del codice <.<

Ora per inserire l'html nella index subito dopo le tab di navigazione?

[Haku]

Ho provato a inserire il codice in alcuni punti del global template, ma non so perchè si sovrappone al resto :/

Qual'è il punto preciso dove devo inserire i div per richiamare quel css?

[najaru]

in qualunque posto lo metti va bene.

il problema è che i css non lavorano in modo unilaterale, e quindi deve rispettare la gerarchia del div in cui è contenuto.

che cosa dovrebbe fare?

[Haku]

Una cosa molto semplice.

Il css che ho costruito, devo inserirlo appena sopra la shoutbox ^^

[najaru]

un css non puo essere inserito

il css viene richiamato da un codice html

[Haku]

Si si lo so, infatti devo inserire questa linea di codice:

<div class="fezbanner">Fez è bellissima<span>Lo sapevi?</span></div>

[najaru]

ok

questa va bene

rivediamo il codice del css?

[Haku]

Il css è a posto ^^

Non avevo messo la parentesi graffa alla fine del codice ^^

Vorrei mettere il div però che sta subito sopra la shout...nel global template, a cosa devo fare riferimento?

[Haku]

Non riesco ancora a trovare la posizione adatta...mi date una mano? =D

[Haku]

Ragazzi?

[najaru]

per per la posizione dipende dove lo inserisci nel global template, non centrano nulla i css

mettilo dopo il div del breadcrumb

[Haku]

Intendi dopo questo codice?

<!-- ::: MAIN CONTENT AREA ::: -->
<div id='content' class='clearfix'>
<!-- ::: NAVIGATION BREADCRUMBS ::: -->
<if test="count( $items['navigation'] )">
	 <div id='secondary_navigation' class='clearfix'>
	 <ol class='breadcrumb top ipsList_inline left'>
	 <php>$this->did_first = 0;</php>
	 <if test="switchnavigation:|:!$this->settings['remove_forums_nav'] OR ipsRegistry::$current_application == 'forums'">
	 <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		 <a href='{parse url="act=idx" seotitle="false" base="public"}' itemprop="url">
		 <span itemprop="title">{$this->settings['board_name']}</span>
		 </a>
	 </li>
	 <if test="didfirstnav:|:$this->did_first=1"></if>
	 </if>
	 <foreach loop="navigation:$items['navigation'] as $idx => $data">
	 <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		 <if test="didfirstappnow:|:$this->did_first"><span class='nav_sep'>{parse replacement="f_nav_sep"}</span></if>
		 <if test="navigationlink:|:$data[1]"><a href='{parse url="{$data[1]}" base="$data[4]" seotitle="$data[2]" template="$data[3]"}' title='{$this->lang->words['nav_return_to']} {$data[0]}' itemprop="url"></if><span itemprop="title">{$data[0]}</span><if test="closenavigationlink:|:$data[1]"></a></if>
	 </li>
	 <if test="forsuredidfirstnav:|:$this->did_first=1"></if>
	 </foreach>
	 </ol>
	 </div>
	 <br />
</if>
<noscript>
	 <div class='message error'>
	 <strong>{$this->lang->words['gbl_no_js_title']}</strong>
	 <p>{$this->lang->words['gbl_no_js']}</p>
	 </div>

Io vorrei posizionarlo proprio sotto le tab del menù ^^

EDIT:

Inserito dopo <!-- ::: NAVIGATION BREADCRUMBS ::: -->, ma vedo che va sopra a questa modifica:

http://community.invisionpower.com/files/file/5039-rc33-its-the-final-countdown/

ho provato con un <br /> ma nulla...

Se inserissi più contenitori come vorrei fare, mi basta dare uno spazio con il codice html?

Modificato 5 Novembre 2012 da Haku

[BomAle]

si esatto... se usi table tr td ti consiglio di riguardare i parametri colspan rowspan... che va sopra si sovrappone o è posizionato sopra?

[Haku]

Guarda, io ho inserito:

<div class="fezbanner">Fez è bellissima<span>Lo sapevi?</span></div>

Subito dopo <!-- ::: NAVIGATION BREADCRUMBS ::: -->

Il problema è che va sopra (di poco), all'hook linkato post prima.

[BomAle]

allora prova a fare una modifica temporanea e dimmi se ti cambia qualcosa..

<div style="margin-top: 10px;" class="fezbanner">Fez è bellissima<span>Lo sapevi?</span></div>

[Haku]

Visualizza il mio sito, e dimmi se secondo te va bene ^^