modifiche al prosilver_se

[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

[Haku]

O_O
Non si è capito un H.

[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

[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.

[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.

[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

[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.

[Haku]

Si ma lui non usa il portale?quindi dubito che possa cambiare il bg_list solo per quella parte.

[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 />&nbsp;<!-- 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 />&nbsp;<!-- 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

[Micogian]

Quello è un problema di <div>, un <table> o un <div> non viene chiusio e il successivo è più grande.