[SOLVED] 2 problemi: nifty cube e contenimento

yule · Post by **yule** » Mon Sep 24, 2007 4:17 pm

ciao a tutti!
ho conosciuto CMSMS solo da poco (ahimè! perchè è quello che cercavo da molto tempo!

)
me ne sono innamorato ed eccomi qui a smanettarci un po.

ma cerchiamo di restare IT.

questo è parte di una pagina:

<div id="newsleft">
	<div class="newsbox clearfix">
		<p><span class="news_title">News</span></p>
			{news number="3" category="news"}
	</div>
</div>

<div id="newsright">
	<div class="newsbox clearfix">
		<p><span class="news_title">Prodotti</span></p>
			{news number="3" category="prodotti"}
	</div>
</div>

sono 2 blocchi di news separati.

ed i rispettivi css:

Code: Select all

.newsleft {
margin:0 auto;
position: absolute;
top: 30px; left: 30px;
width: 45%;
background:#CFD9BE;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-align: justify;
}

.newsright {
text-align: justify;
margin:0 auto;
position: absolute;
top: 30px; right: 30px;
width: 45%;
text-align: left;
background:#CFD9BE;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}

nel niftyLayout.js ho provato tutti questi:

Code: Select all

/*nifty corners layout*/

window.onload=function(){
Nifty("div.newsleft", "all", "trasparent");
Nifty("div.newscenter", "all", "trasparent");
Nifty("div.newsright", "all", "trasparent");

Nifty("newsleft", "all", "trasparent");
Nifty("newscenter", "all", "trasparent");
Nifty("newsright", "all", "trasparent");

Nifty("div#newsleft", "all", "trasparent");
Nifty("div#newscenter", "all", "trasparent");
Nifty("div#newsright", "all", "trasparent");

Nifty(".newsleft", "all", "trasparent");
Nifty(".newscenter", "all", "trasparent");
Nifty(".newsright", "all", "trasparent");

Nifty("#newsleft", "all", "trasparent");
Nifty("#newscenter", "all", "trasparent");
Nifty("#newsright", "all", "trasparent");
}

...viste le mie scarse (ma non ancora per molto) conoscenze sui CSS.

ovviamente i 2 js sono presenti nella pagina:

Code: Select all

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<__script__ type="text/javascript" src="uploads/xxxxxxxxxxx/niftycube.js"></__script>
<__script__ type="text/javascript" src="uploads/xxxxxxxxxxx/niftyLayout.js"></__script>
<!--[if lte IE 6]>
<__script__ type="text/javascript" src="uploads/xxxxxxxxxxx/CSSMenu.js"></__script>
<![endif]-->
<link rel="stylesheet" type="text/css" media="screen" href="http://xxxxxxxxxxx.it/cms/stylesheet.php?templateid=18&mediatype=screen" />
<link rel="stylesheet" type="text/css" href="http://xxxxxxxxxxx.it/cms/stylesheet.php?templateid=18" />

<title>.....</title>

</head>

ed è associato al tema anche il css "proprietario" (quello che carica dinamicamente le classi b per capirci).

non mi funziona... $:-\$

gli stessi blocchi poi vanno SOTTO al footer come se non venissero "contati" nel determinare l'altezza del blocco 'content' che li contiene. se tolgo 'id="newsleft"' allora vengono contati (ma non ho i risultati di formattazione da me desiderati)

spero di essermi spiegato... purtroppo non posso linkare la pagina.....

grazie!
Y

alby · Post by **alby** » Mon Sep 24, 2007 4:54 pm

yule wrote: ciao a tutti!

Ciao

yule wrote: nel niftyLayout.js ho provato tutti questi:

Code: Select all

/*nifty corners layout*/

window.onload=function(){
Nifty("#newsleft", "all", "trasparent");
Nifty("#newscenter", "all", "trasparent");
Nifty("#newsright", "all", "trasparent");
}

Questa dovrebbe andare bene perchè sono tutti id

yule wrote: ed è associato al tema anche il css "proprietario" (quello che carica dinamicamente le classi b per capirci).

non mi funziona... $:-\$

Bisogna stare molto attenti ....
Se hai FF carica l'estensione Firebug per debug in js

Alby

yule · Post by **yule** » Tue Sep 25, 2007 10:00 am

risolto!

praticamente il niftycube.js va a cercare un css nella home del sito chiamato niftyCorners.css che ovviamente non c'era. ho creato un css ed associato al tema ed anche se i valori c'erano non li considera se non sono provenienti da quel file.

tanto per la cronaca l'unica impostazione giusta in niftyLayout.js per è 'Nifty("div.newsleft", "all", "trasparent");'

per il problema del contenimento è sempicemente perchè ho dato position:absolute. risolto anche questo.

Grazie per la dritta di Firebug che è micidiale!

CMS Made Simple Forums

[SOLVED] 2 problemi: nifty cube e contenimento

[SOLVED] 2 problemi: nifty cube e contenimento

Re: 2 problemi: nifty cube e contenimento

Re: 2 problemi: nifty cube e contenimento