modifiche al prosilver_se

[xX_Simon_Xx]

indendi questi.

Codice: Seleziona tutto

<div id="wrap">
    
        <div class="inside" style="direction: {S_CONTENT_DIRECTION};">
        	<a id="top" name="top" accesskey="t"></a>
        	<div id="page-header">
        		
				    <div id="header">
                          
						     <div id="head-r">
						     </div>
					      
				    </div>
				
				<div id="toolbar">
					
		
		<div id="topmenu">

			<ul id="sitesections">
			 <li><a class="current" href="{U_PORTAL}"><span>Home</span></a></li>
			<li><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
			<li><a href="{U_PROFILE}"><span>PCU</span></a></li>
			<li><a href="{U_SEARCH}"><span>{L_SEARCH}</span></a></li>
			<li><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
			<li><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
			<li><a href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
			<li><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
			<li><a href="{U_GAMES}"><span>Sala Giochi</span></a></li>
			<li><a href="{U_CHAT}"><span>CHAT</span></a></li>
			</ul>
		</div>
				</div>

allora:
questi div:
<div class="inside" style="direction: {S_CONTENT_DIRECTION};">
<a id="top" name="top" accesskey="t"></a>

erano già presenti nel prosilver

mentre questi:
<div id="header">

<div id="head-r">
</div>

</div>
li ho aggiunti io e servono per far vedere il banner
mentre
gli altri sono per la navbar

[xX_Simon_Xx]

hoprovato a smocinare levando un pò di roba e ho notato che se rimuovo alcun script nella parte prima del /head, la dista diminusce un tantino ma comunque non posso rimoverli dato che sono script indispensabili a phpbb

c'è forse qalcosa nei css per regolare la distanza tra il bordo della pagina e il banner?

dato che con tutto quello spazio sopra non è un gran chè
guardate:
http://www.cuniverse.altervista.org/

[Sir Xiradorn]

Allora ho trovato una modifica da fare e riduci un po vedi se va bene altimenti poi si vede altro anche.
Trova:

Codice: Seleziona tutto

.inside { 
    padding: 17px 27px 10px 27px;
}

e cambialo in

Codice: Seleziona tutto

.inside { 
    padding: 0px 27px 10px 27px;
}

[xX_Simon_Xx]

grazie tantissimo

senti io fatto queste due immagini:



che ho messo sul banner ma io vorrei che si visualizzassero come ad esempio il tasto rispondi che quando ci passi sopra col mause si illumina

come faccio a farlo con quell' immagine?

[Carlo]

Quale immagini? Io non vedo nulla.

[xX_Simon_Xx]

ora si dovrebbero vedere

[Sir Xiradorn]

Hai rislto o vuoi sapere ancora come fare? e dove vuoi che vadano inserite?

[xX_Simon_Xx]

si vorrei sapere come fare e vorrei che si vedessero nella parte alta del banner allineate a destra

[Sir Xiradorn]

Potresti dirmi diaciamo dove? O te la decidi tu le posione precisa? se così è ti do una bozza di quello che sto facendo per farti capire...ma non la usare ancora perchè non è definita correttamente (la puoi provare per vedere se ti piace la cosa ma poi ti do il codice preciso)

Codice: Seleziona tutto

<style type="text/css">a#twitter_ico{display: block; width: 23px; height: 23px; background: url(http://i43.tinypic.com/23sbred.jpg); position: absolute; right: 30px; top: 30px;}
a:hover#twitter_ico{background-position: 0 -23px}
</style>						     
<a id="twitter_ico" href="#"></a>

[xX_Simon_Xx]

va bè lasciamo perdere non mi interessa più mettere qulle icone per ora
ora ho un problemi più grande da risolvere
dopo una decina di ore di lavoro sono riuscito a trasfornare il bg-list

eliminando i div presenti e inserendo questi div id:

Codice: Seleziona tutto

   #news-divider{ 
    height: 18px;
    background: url("{T_THEME_PATH}/images/news-divider.png")repeat-x;
   margin-left:3px;
   margin-right:3px;
   } 
   
   #corner-left { 
    height: 52px;
    background: url("{T_THEME_PATH}/images/corner-left.png")no-repeat ;
    background-position:left;
   }
 

       #corner-top { 
    height: 52px;
    background: url("{T_THEME_PATH}/images/corner-top.png") repeat-x;
    margin:28px;
	background-position:center;
	}

      #corner-right { 
    height: 52px;
    background: url("{T_THEME_PATH}/images/corner-right.png")no-repeat;
    background-position:right;
   }  
   
    #corner-down-left{ 
    height: 13px;
    background: url("{T_THEME_PATH}/images/corner-down-left.png")no-repeat;
    background-position:left;
   }  
   #corner-down{ 
    height: 13px;
    background: url("{T_THEME_PATH}/images/corner-down.png")repeat-x;
    margin:13px;
   }  
   #corner-down-right{ 
    height: 13px;
    background: url("{T_THEME_PATH}/images/corner-down-right.png")no-repeat;
    background-position:right;
   } 
   #mini-corner-bg{ 
   height: auto;
    background: url("{T_THEME_PATH}/images/mini-corner-bg.png")repeat-y;
   } 
   #medium-corner-bg{ 
   height: auto;
    background: url("{T_THEME_PATH}/images/medium-corner-bg.png")repeat-y;
   } 
   #corner-news{ 
   height: auto;
    background: url("{T_THEME_PATH}/images/medium-corner-bg.png")repeat-y;
   } 
   #corner-bg{ 
   height: auto;
    background: url("{T_THEME_PATH}/images/corner-bg.png")repeat-y;
   } 
   
   

ad esempio il forum_list l'ho trasformato 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>

			<div id="corner-down-left"><div id="corner-down-right">
<div id="corner-down"></div></div>
</div></div>
		
	<!-- ENDIF -->

	<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
		
			<div id="corner-bg">
			<div id="corner-left"><div id="corner-right">
   <div id="corner-top"><br/>
			
<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt style="margin:10px"><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
						<dd style="margin:10px" class="topics">{L_TOPICS}</dd>
						<dd style="margin:10px" class="posts">{L_POSTS}</dd>
						<dd style="margin:10px" class="lastposthdr">{L_LAST_POST}</dd>
						<dd style="margin:6px" class="cchdr"><span><input type="button" class="{forumrow.COLLAPSE_CLASS}" value=" " onclick="flipf(this,'{forumrow.FORUM_ID}');" /></span></dd>
                       

					</dl>
				</li>
			</ul></div></div></div><ul class="topiclist forums" id="flist{forumrow.FORUM_ID}" {forumrow.S_COLLAPSE}>


	<!-- ENDIF -->

	<!-- IF not forumrow.S_IS_CAT -->
		
						
			<div id="corner-bg">
				<dl >
				<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
					<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image" style="float: left; padding-left:25px;">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
					<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
					{forumrow.FORUM_DESC}
					<!-- IF forumrow.MODERATORS -->
						<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>
		
	<!-- ENDIF -->

	<!-- IF forumrow.S_LAST_ROW -->
			
			</ul>
			<div id="corner-down-left"><div id="corner-down-right">
<div id="corner-down"></div></div>
</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 -->

su mozzilla è tutto regolare e le modifiche si vedono bene mentre su IE sembra che parecchi div che ho creato non li legga

guardate questo è il risultato su Mozzilla e Google Chrome:


mentre questo è il risultato su IE


sembra che IE riesca a leggere solo i DIV

Codice: Seleziona tutto

#corner-top {
    height: 52px;
    background: url("{T_THEME_PATH}/images/corner-top.png") repeat-x;
    margin:28px;
   background-position:center;
   }

e

Codice: Seleziona tutto

 #corner-down{
    height: 13px;
    background: url("{T_THEME_PATH}/images/corner-down.png")repeat-x;
    margin:13px;
   }  

provate anche a guardare di persona
http://www.cuniverse.altervista.org/