Pagina 1 di 4
modifiche al prosilver_se
Inviato: 10/03/2010, 21:33
da xX_Simon_Xx
allora io vorrei apportare delle modifiche alla mia home ed ho bisogno del vostro aiuto
io vorrei modificare la parte del bg-list nella home in modo che venga pressopo un cosa del genere:
cioè togliendo il file bg-list.gif che è intorno ad ogni categoria con un altra immagine che però copra solo la parte sopra di ogni categoria
voglio però aplicare questa modifica anche nel forum quindi possiamo benissimo utilizzare le classi che già ci sono nel css, modificandole
non so se mi sono spiegato bene spero di si
Re: modifica bg-list
Inviato: 10/03/2010, 21:40
da Haku
O_O
Non si è capito un H.
Re: modifica bg-list
Inviato: 11/03/2010, 7:41
da xX_Simon_Xx
ok allora chiarisco con un pò di screen
questo è come appare il mio sito:
si può ben notare che
intorno ad ogni blocco c'è il bg-list.gif
io invece vorrei che il bg-list copra solo la parte sopra e non il contrno di ogni blocco
Re: modifica bg-list
Inviato: 11/03/2010, 18:11
da Haku
Non ho mai usato quello stile.
Detto questo,su prosilver,la funzione che usa è in questo modo:
-Metti un'immagine
-Per la parte sotto puoi mettere un codice colore che corrisponde alla continuità dell'imagine inserita nel bg-list
Potresti aggirare la cosa in questo modo:
-Come immagine primaria,metti uno sfondo nero
-Nella parte secondaria,richiami il background con quella immagine
Tutto chiaro?
EDIT: Ho dato uno sguardo al prosilver originale.
Prendi esempio dal suo css:
Codice: Seleziona tutto
.forabg {
background-color: #0076b1;
background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}
Come vedi,il background è quello che viene visualizzato per prima,cioè la tua immagine con i fiori.
Invece il color non è solo che una continuità per rendere il tutto 'omogeneo'.
Quindi tu dovrai fare una cosa del genere:
Codice: Seleziona tutto
.forabg {
background-image: url(Sfondo colorato);
background-image: url(sfondo nero);
}
In questo modo dovresti riuscire a far qualcosa.
Se invece vuoi solo certe parti in quel modo,devi lavorare sul template,e di questo se ne è già discusso in precedenza.
Re: modifica bg-list
Inviato: 11/03/2010, 18:19
da Micogian
Mettiamola così: abbiamo una tabella colorata e sopra ci mettiamo una tabella bianca per il testo.
o riduco la prima o aumento la seconda, magari lavorando con i margini o con il padding.
Re: modifica bg-list
Inviato: 11/03/2010, 18:23
da Haku
Non ho capito O_o
Ma forse mi sbaglio io...e dovrebbe essere così:
Codice: Seleziona tutto
.forabg {
background-image: url(Sfondo colorato);
background: url(sfondo nero);
}
Comunque sia,a volte basta ingegnarsi ^^
Io ad esempio,mi prendo la misura su photoshop,così vedo dove posso far continuare l'immagine per non attaccarla allo sfondo
Re: modifica bg-list
Inviato: 11/03/2010, 18:57
da Micogian
Io dico sempre che per capire come funziona una pagina bisogna guardare il codice sorgente.
Il codice di un box completo è questo:
Codice: Seleziona tutto
<div class="forabg">
<div class="inner">
<span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt>Benvenuti</dt>
</dl>
</li>
</ul>
<div class="panel bg1" style="margin-bottom: 0px">
<div class="inner"><span class="portal-corners-top-inner"></span>
<div class="postbody" style="width: 100%">
<div class="content">Benvenuti su PlayStation User ll punto di riferimento per la vostra PlayStation. Quì troverete tutte le informazioni che vi servono per godere al massimo della potenza della vostra console SONY
</div>
</div>
<span class="portal-corners-bottom-inner"></span>
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
Di classi, div e tag vari ce ne sono parecchi.
La tabella apre con la class="corners-top" e termina con class="corner_botton",
La tabella di testo è class_"postbody" e class="content".
Si tratta di controllare questi css.
Re: modifica bg-list
Inviato: 11/03/2010, 23:57
da Haku
Si ma lui non usa il portale?quindi dubito che possa cambiare il bg_list solo per quella parte.
Re: modifica bg-list
Inviato: 12/03/2010, 14:01
da xX_Simon_Xx
allora io ho trovato un'altra soluzione:
nel file
forumlist_body
Codice: Seleziona tutto
<script type="text/javascript">
// <![CDATA[
var myurl = "{S_AJAX_COLLAPSE_ACTION}";
//]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ccat.js"></script>
<!-- BEGIN forumrow -->
<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW or forumrow.S_NO_CAT -->
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
<dd class="topics">{L_TOPICS}</dd>
<dd class="posts">{L_POSTS}</dd>
<dd class="lastposthdr">{L_LAST_POST}</dd>
<dd class="cchdr"><span><input type="button" class="{forumrow.COLLAPSE_CLASS}" value=" " onclick="flipf(this,'{forumrow.FORUM_ID}');" /></span></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums" id="flist{forumrow.FORUM_ID}" {forumrow.S_COLLAPSE}>
<!-- ENDIF -->
<!-- IF not forumrow.S_IS_CAT -->
<li class="row">
<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
{forumrow.FORUM_DESC}
<!-- IF forumrow.MODERATORS -->
<br /><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}
<!-- ENDIF -->
<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
</dt>
<!-- IF forumrow.CLICKS -->
<dd class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></dd>
<!-- ELSEIF not forumrow.S_IS_LINK -->
<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
<dd class="lastpost"><span>
<!-- IF forumrow.LAST_POST_TIME --><dfn>{L_LAST_POST}</dfn> {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br /> <!-- ENDIF --></span>
</dd>
<!-- ENDIF -->
</dl>
</li>
<!-- ENDIF -->
<!-- IF forumrow.S_LAST_ROW -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
<!-- BEGINELSE -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<strong>{L_NO_FORUMS}</strong>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END forumrow -->
ho spostato i div del forgb e dll' inner in questo modo:
Codice: Seleziona tutto
<script type="text/javascript">
// <![CDATA[
var myurl = "{S_AJAX_COLLAPSE_ACTION}";
//]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ccat.js"></script>
<!-- BEGIN forumrow -->
<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW or forumrow.S_NO_CAT -->
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
<dd class="topics">{L_TOPICS}</dd>
<dd class="posts">{L_POSTS}</dd>
<dd class="lastposthdr">{L_LAST_POST}</dd>
<dd class="cchdr"><span><input type="button" class="{forumrow.COLLAPSE_CLASS}" value=" " onclick="flipf(this,'{forumrow.FORUM_ID}');" /></span></dd>
</dl>
</li></div>
</div>
</ul>
<ul class="topiclist forums" id="flist{forumrow.FORUM_ID}" {forumrow.S_COLLAPSE}>
<!-- ENDIF -->
<!-- IF not forumrow.S_IS_CAT -->
<li class="row">
<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
{forumrow.FORUM_DESC}
<!-- IF forumrow.MODERATORS -->
<br /><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}
<!-- ENDIF -->
<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
</dt>
<!-- IF forumrow.CLICKS -->
<dd class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></dd>
<!-- ELSEIF not forumrow.S_IS_LINK -->
<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
<dd class="lastpost"><span>
<!-- IF forumrow.LAST_POST_TIME --><dfn>{L_LAST_POST}</dfn> {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br /> <!-- ENDIF --></span>
</dd>
<!-- ENDIF -->
</dl>
</li>
<!-- ENDIF -->
<!-- IF forumrow.S_LAST_ROW -->
</ul>
<span class="corners-bottom"><span></span></span>
<!-- ENDIF -->
<!-- BEGINELSE -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<strong>{L_NO_FORUMS}</strong>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END forumrow -->
con questa modifica funziona solo che c'è un piccolo probblemino guardate:
http://www.cuniverse.altervista.org/index.php
ho creato questo sito per fare un pò di esperimenti prima di creare il mio nuovo sito
PS= quel tema è prosilver_se modificato da me quindi non ha nulla di particolare è sempre prosilver
Re: modifica bg-list
Inviato: 12/03/2010, 14:40
da Micogian
Quello è un problema di <div>, un <table> o un <div> non viene chiusio e il successivo è più grande.