"Percorsi assoluti nei CSS"

[nanaho17]

Dopo aver scritto oggi - mi dispiace per aver pressato >.< - sono stata abilitata a Designer. Ho validato con il sito opportuno il codice, e non sono presenti errori. Ora però ho due domande >.<
1. Quando nell'upload mi si richiede il CSS per colonne e quello per PopUp, devo mettere il file CSS che ha fornito iobloggo - e ovviamente modificato da me- oppure devo copiare il codice validato in un nuovo documento di block note e importare quello? >.<
2. Provando sia a importare il CSS fornito da iobloggo e modificato da me, sia importando il codice validato copiato e incollato in un nuovo documento di block note, mi è impossibile terminare la creazione del template...perchè iobloggo mi segnala "ATTENZIONE! Non devono esserci percorsi assoluti nei CSS". Che significa? Non dovrò rifare tutto,vero?
Grazie ancora, e scusate il disturbo.

[arunka]

non so, mi fai vedere l'url delle immagini che hai inserito?

[nanaho17]

L'unica immagine che ho inserito è lo sfondo, con questo url : http://img59.imageshack.us/img59/233/icet.png

[arunka]

non ho mai fatto template per la gallery quindi non so cosa dire. incolla qua il codice del template tra due code e proviamo a vedere cosa non va.

[nanaho17]

Ok. Allora, questo è il codice "style" non validato ^^

Codice: Seleziona tutto

body        {background-image: url(http://img59.imageshack.us/img59/233/icet.png) ; margin: 0px; padding: 0px; font: 10px tahoma, sans-serif; text-align: center;}
a:link      {color: #f5bdcb;text-decoration:none; letter-spacing: 1px}
a:hover     {color: #f8d2dc;text-decoration:none; letter-spacing: 2px; cursor:crosshair}
a:visited   {color: #7fd9e6;text-decoration:none}
#container  {background-color:#fff7a4; width: 762px; margin: 10px auto; padding:0px; text-align: left; border:1px dotted #ffffff;}
html>body  #container  {width:760px;}
input, textarea {font: 10px tahoma;margin:0px; padding:0px; color:#92be89;text-transform: uppercase;letter-spacing:1px}
.inputiobloggo   {padding:2px;}
.pulsanteiobloggo {margin:2px 0 2px 0;}
HR {height:1px; border:0px; color: #eeeeee; background-color: #eeeeee;}

/* intestazione */

#intro          {background-color:#fff7a4; border:0px none #FFFFFF; margin:5px;}
#pageHeader     {padding:10px;}
#pageHeader h1  {margin: 0px; padding: 0px; font: 350% Kozuka Gothic Pr6N; color:#f0968e;text-align:center}
#pageHeader h1 A {color:#f0968e; text-decoration:none;text-align:center}
#pageHeader h2  {display:none}
#pageHeader h2 A {color:#FFFFFF; text-decoration:none;}

/* post */

.pagine                     {background-color: #000000; margin:0px 0px 5px 0px; color: #7D7D7D; padding: 5px; border:1px solid #E4E4E4;}
#pageContent                {float:left; width:360px;}
#pageContent .blogPost      {background-color: #fffef3; margin:0px 0px 5px 0px; color: #5e5b5c; padding: 5px; border:1px dotted #E4E4E4;}
#pageContent h3             {font: 100% tahoma; font-weight:bold; margin:0 0 5px 0; text-align:center; position:relative;}
#pageContent h3 A           {text-decoration:none; color:#b89079;letter-spacing:3px}
#pageContent h3 span        {padding:1px; color:#8EA0AA;}
#pageContent .blogPostText  {padding:0 5px 5px 5px; text-align:justify; position:relative;}

/* colonna */

#pageNavigation             {width: 210px; margin: 0; float:left;}
#pageNavigation .box        {background-color: #fffef3; margin:0px 5px 5px 5px; color: #5c5a5b; padding: 5px; border:1px dotted #E4E4E4;}
#pageNavigation h3          {font: 100% tahoma; font-weight:bold; margin:0 0 5px 0; text-align:left; position:relative;}
#pageNavigation h3 A        {text-decoration: none; color:#b89079;letter-spacing:3px}
#pageNavigation h3 span     {padding:1px; color:#b89079;letter-spacing:3px}
#pageNavigation .boxText    {padding:0 5px 5px 5px; position:relative;}
#pageNavigation a:visited   {color: #7D7D7D;}

/* seconda colonna */

#pageNavigation1             {width: 190px; float:right;}
#pageNavigation1 .box        {background-color: #fffef3; margin:0px 5px 5px 5px; color: #5c595a; padding: 5px; border:1px dotted #E4E4E4;}
#pageNavigation1 h3          {font: 100% tahoma; font-weight:bold; margin:0 0 5px 0; text-align:left; position:relative;}
#pageNavigation1 h3 A        {text-decoration: none; color:#b89079;letter-spacing:3px}
#pageNavigation1 h3 span     {padding:1px; color:#b89079;letter-spacing:3px}
#pageNavigation1 .boxText    {padding:0 5px 5px 5px; position:relative;}

/* piè di pagina */

#pageFooter                     {clear:both; margin:0px 5px 5px 5px; color: #7D7D7D;}
#pageFooter .iobloggocredits    {color:#7D7D7D; font-weight:normal; padding:5px;}
#pageFooter .iobloggocredits A  {color:#7D7D7D; font-weight:bold;}

/* commenti */

#commentsContent                {margin:0 10px 0 10px;}
#commentsContent h2             {font: 100% tahoma; font-weight:bold; padding:1px; color:#f0968e; letter-spacing:1px}
.commentsElement                {position:relative;}
#commentsContent h3             {margin:0 0 5px 0; text-align:left;}
#commentsContent h3 span        {font: 10px tahoma; font-weight:bold; padding:1px; color:#d7c485;letter-spacing:3px}
#commentsContent h3 A           {text-decoration: none; color:#d7c485;}
.commentsElement .commentsElementText  {margin-bottom:10px; padding-bottom:5px; min-height:45px; height:auto !important; height:45px; border-bottom:1px solid #EEEEEE; }
.commentsElement .data          {position:absolute; top:5px; right:10px; text-align:right; font-style:italic;}
.commentsElement .gravatar      {float:right; border:1px solid #FFFFFF; margin:2px 0 0 3px;}

/* vari */

BLOCKQUOTE {background-color:#EEEEEE; margin:3px 0px 3px 5px; padding:5px;}
.calBorder      {}
.calBorder TD   {font: 10px Verdana, Arial, Helvetica, sans-serif; color:#7D7D7D;}
.calHeader      {background-color:#8EA0AA; border:0px none #FFFFFF; font-weight:bold !important; text-transform: uppercase; text-align:center; color:#FFFFFF !important;}
.calDay         {border:1px solid #E4E4E4; background-color:#FFFFFF;}
.calToday       {background-color:#8EA0AA; border:0px none #FFFFFF;}
.calToday, .calToday A  {color:#FFFFFF !important; font-weight:bold !important;}
.barPrev A      {font-weight:normal;}
.barNext A      {font-weight:normal;}

E questo è quello validato:

Codice: Seleziona tutto

body {
background-image : url(http://img59.imageshack.us/img59/233/icet.png);
margin : 0;
padding : 0;
font : 10px tahoma, sans-serif;
text-align : center;
}
a:link {
color : #f5bdcb;
text-decoration : none;
letter-spacing : 1px;
}
a:hover {
color : #f8d2dc;
text-decoration : none;
letter-spacing : 2px;
cursor : crosshair;
}
a:visited {
color : #7fd9e6;
text-decoration : none;
}
#container {
background-color : #fff7a4;
width : 762px;
margin : 10px auto;
padding : 0;
text-align : left;
border : 1px dotted #ffffff;
}
html > body #container {
width : 760px;
}
input, textarea {
font : 10px tahoma;
margin : 0;
padding : 0;
color : #92be89;
text-transform : uppercase;
letter-spacing : 1px;
}
.inputiobloggo {
padding : 2px;
}
.pulsanteiobloggo {
margin : 2px 0 2px 0;
}
HR {
height : 1px;
border : 0;
color : #eeeeee;
background-color : #eeeeee;
}
#intro {
background-color : #fff7a4;
border : 0 none #ffffff;
margin : 5px;
}
#pageHeader {
padding : 10px;
}
#pageHeader h1 {
margin : 0;
padding : 0;
font : 350% Kozuka Gothic Pr6N;
color : #f0968e;
text-align : center;
}
#pageHeader h1 A {
color : #f0968e;
text-decoration : none;
text-align : center;
}
#pageHeader h2 {
display : none;
}
#pageHeader h2 A {
color : #ffffff;
text-decoration : none;
}
.pagine {
background-color : #000000;
margin : 0 0 5px 0;
color : #7d7d7d;
padding : 5px;
border : 1px solid #e4e4e4;
}
#pageContent {
float : left;
width : 360px;
}
#pageContent .blogPost {
background-color : #fffef3;
margin : 0 0 5px 0;
color : #5e5b5c;
padding : 5px;
border : 1px dotted #e4e4e4;
}
#pageContent h3 {
font : 100% tahoma;
font-weight : bold;
margin : 0 0 5px 0;
text-align : center;
position : relative;
}
#pageContent h3 A {
text-decoration : none;
color : #b89079;
letter-spacing : 3px;
}
#pageContent h3 span {
padding : 1px;
color : #8ea0aa;
}
#pageContent .blogPostText {
padding : 0 5px 5px 5px;
text-align : justify;
position : relative;
}
#pageNavigation {
width : 210px;
margin : 0;
float : left;
}
#pageNavigation .box {
background-color : #fffef3;
margin : 0 5px 5px 5px;
color : #5c5a5b;
padding : 5px;
border : 1px dotted #e4e4e4;
}
#pageNavigation h3 {
font : 100% tahoma;
font-weight : bold;
margin : 0 0 5px 0;
text-align : left;
position : relative;
}
#pageNavigation h3 A {
text-decoration : none;
color : #b89079;
letter-spacing : 3px;
}
#pageNavigation h3 span {
padding : 1px;
color : #b89079;
letter-spacing : 3px;
}
#pageNavigation .boxText {
padding : 0 5px 5px 5px;
position : relative;
}
#pageNavigation a:visited {
color : #7d7d7d;
}
#pageNavigation1 {
width : 190px;
float : right;
}
#pageNavigation1 .box {
background-color : #fffef3;
margin : 0 5px 5px 5px;
color : #5c595a;
padding : 5px;
border : 1px dotted #e4e4e4;
}
#pageNavigation1 h3 {
font : 100% tahoma;
font-weight : bold;
margin : 0 0 5px 0;
text-align : left;
position : relative;
}
#pageNavigation1 h3 A {
text-decoration : none;
color : #b89079;
letter-spacing : 3px;
}
#pageNavigation1 h3 span {
padding : 1px;
color : #b89079;
letter-spacing : 3px;
}
#pageNavigation1 .boxText {
padding : 0 5px 5px 5px;
position : relative;
}
#pageFooter {
clear : both;
margin : 0 5px 5px 5px;
color : #7d7d7d;
}
#pageFooter .iobloggocredits {
color : #7d7d7d;
font-weight : normal;
padding : 5px;
}
#pageFooter .iobloggocredits A {
color : #7d7d7d;
font-weight : bold;
}
#commentsContent {
margin : 0 10px 0 10px;
}
#commentsContent h2 {
font : 100% tahoma;
font-weight : bold;
padding : 1px;
color : #f0968e;
letter-spacing : 1px;
}
.commentsElement {
position : relative;
}
#commentsContent h3 {
margin : 0 0 5px 0;
text-align : left;
}
#commentsContent h3 span {
font : 10px tahoma;
font-weight : bold;
padding : 1px;
color : #d7c485;
letter-spacing : 3px;
}
#commentsContent h3 A {
text-decoration : none;
color : #d7c485;
}
.commentsElement .commentsElementText {
margin-bottom : 10px;
padding-bottom : 5px;
min-height : 45px;
height : auto !important ;
height : 45px;
border-bottom : 1px solid #eeeeee;
}
.commentsElement .data {
position : absolute;
top : 5px;
right : 10px;
text-align : right;
font-style : italic;
}
.commentsElement .gravatar {
float : right;
border : 1px solid #ffffff;
margin : 2px 0 0 3px;
}
BLOCKQUOTE {
background-color : #eeeeee;
margin : 3px 0 3px 5px;
padding : 5px;
}
.calBorder TD {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : #7d7d7d;
}
.calHeader {
background-color : #8ea0aa;
border : 0 none #ffffff;
font-weight : bold !important ;
text-transform : uppercase;
text-align : center;
color : #ffffff !important ;
}
.calDay {
border : 1px solid #e4e4e4;
background-color : #ffffff;
}
.calToday {
background-color : #8ea0aa;
border : 0 none #ffffff;
}
.calToday, .calToday A {
color : #ffffff !important ;
font-weight : bold !important ;
}
.barPrev A {
font-weight : normal;
}
.barNext A {
font-weight : normal;
}


Questi sono entrambi, ma dei pop-up:

Non validato

Codice: Seleziona tutto

body        {background-image: url(http://img59.imageshack.us/img59/233/icet.png); margin: 0px; padding: 0px; font: 10px tahoma; color: #FFFFFF; text-align: center;}
a:link      {color: #f5bdcb;text-decoration:none; letter-spacing: 1px}
a:hover    {color: #f8d2dc;text-decoration:none; letter-spacing: 2px; cursor:crosshair} a:visited   {color: #7fd9e6;text-decoration:none}
#container  {width: 400px; margin: 10px auto; background-color:#fff7a4; padding:0px; text-align: left; position:relative; border:1px dotted #ffffff;}
input, textarea {font: 10px tahoma;margin:0px; padding:0px; color:#92be89;text-transform: uppercase;letter-spacing:1px}
.inputiobloggo   {padding:2px;}
.pulsanteiobloggo {margin:2px 0 2px 0;}
HR {height:1px; border:0px; color: #A7B6BF; background-color: #A7B6BF;}
BLOCKQUOTE {background-color:#8EA0AA; padding:3px; margin:3px 0 5px 10px; border:1px dashed #D1DADF;}

/* intestazione */

#intro          {height:25px;}

/* post */

.chiudi         {position:absolute; top:10px; text-align:right; width:370px;}
.chiudi A       {font-weight:bold;}
#pageContent        {background-color: #fffef3; margin:5px 10px 5px 10px; color: #5e5b5c; padding: 5px; border:1px dotted #E4E4E4;}
#pageContent h2     {background-color:#fffef3; margin:0px; font: 100% tahoma; font-weight:bold; padding:3px; color:#b89079; letter-spacing:3px}

/* piè di pagina */
#pageFooter                     {clear: both; background-color: #FFFFFF; margin:0px 10px 10px 10px; color: #7D7D7D; border:1px solid #E4E4E4; padding:5px;}
#pageFooter .iobloggocredits    {color:#7D7D7D; font-weight:normal;}
#pageFooter .iobloggocredits A  {color:#7D7D7D; font-weight:bold;}

/* commenti */

.popupElement                {position:relative; margin:10px; border-bottom:1px solid #EEEEEE;}
.popupElement h3             {margin:0 0 5px 0; text-align:left;}
.popupElement h3 span        {font: 10px tahoma; font-weight:bold; padding:1px; color:#d7c485;letter-spacing:3px}
.popupElement h3 A           {text-decoration: none; color:#d7c485;letter-spacing:3px}
.popupElementText, .popupElementText  {margin-bottom:15px;}
.popupElementText            {min-height:40px; height:auto !important; height:40px;}
.popupElement .data          {position:absolute; top:5px; right:10px; text-align:right; font-style:italic;}
.popupElement .gravatar      {float:right; border:1px solid #FFFFFF; margin:2px 0 0 3px;}

/* vari */

BLOCKQUOTE {background-color:#EEEEEE;}

Validato

Codice: Seleziona tutto

body {
background-image : url(http://img59.imageshack.us/img59/233/icet.png);
margin : 0;
padding : 0;
font : 10px tahoma;
color : #ffffff;
text-align : center;
}
a:link {
color : #f5bdcb;
text-decoration : none;
letter-spacing : 1px;
}
a:hover {
color : #f8d2dc;
text-decoration : none;
letter-spacing : 2px;
cursor : crosshair;
}
a:visited {
color : #7fd9e6;
text-decoration : none;
}
#container {
width : 400px;
margin : 10px auto;
background-color : #fff7a4;
padding : 0;
text-align : left;
position : relative;
border : 1px dotted #ffffff;
}
input, textarea {
font : 10px tahoma;
margin : 0;
padding : 0;
color : #92be89;
text-transform : uppercase;
letter-spacing : 1px;
}
.inputiobloggo {
padding : 2px;
}
.pulsanteiobloggo {
margin : 2px 0 2px 0;
}
HR {
height : 1px;
border : 0;
color : #a7b6bf;
background-color : #a7b6bf;
}
BLOCKQUOTE {
background-color : #8ea0aa;
padding : 3px;
margin : 3px 0 5px 10px;
border : 1px dashed #d1dadf;
}
#intro {
height : 25px;
}
.chiudi {
position : absolute;
top : 10px;
text-align : right;
width : 370px;
}
.chiudi A {
font-weight : bold;
}
#pageContent {
background-color : #fffef3;
margin : 5px 10px 5px 10px;
color : #5e5b5c;
padding : 5px;
border : 1px dotted #e4e4e4;
}
#pageContent h2 {
background-color : #fffef3;
margin : 0;
font : 100% tahoma;
font-weight : bold;
padding : 3px;
color : #b89079;
letter-spacing : 3px;
}
#pageFooter {
clear : both;
background-color : #ffffff;
margin : 0 10px 10px 10px;
color : #7d7d7d;
border : 1px solid #e4e4e4;
padding : 5px;
}
#pageFooter .iobloggocredits {
color : #7d7d7d;
font-weight : normal;
}
#pageFooter .iobloggocredits A {
color : #7d7d7d;
font-weight : bold;
}
.popupElement {
position : relative;
margin : 10px;
border-bottom : 1px solid #eeeeee;
}
.popupElement h3 {
margin : 0 0 5px 0;
text-align : left;
}
.popupElement h3 span {
font : 10px tahoma;
font-weight : bold;
padding : 1px;
color : #d7c485;
letter-spacing : 3px;
}
.popupElement h3 A {
text-decoration : none;
color : #d7c485;
letter-spacing : 3px;
}
.popupElementText, .popupElementText {
margin-bottom : 15px;
}
.popupElementText {
min-height : 40px;
height : auto !important ;
height : 40px;
}
.popupElement .data {
position : absolute;
top : 5px;
right : 10px;
text-align : right;
font-style : italic;
}
.popupElement .gravatar {
float : right;
border : 1px solid #ffffff;
margin : 2px 0 0 3px;
}
BLOCKQUOTE {
background-color : #eeeeee;
}


[arunka]

a prima vista, l'unica cosa di diverso che noto, è che in quelli non validati ci sono i commenti /* */. eliminali. e prova a vedere se funziona.
Pensandoci bene /* alla fine di url è un percorso assoluto. forse è quello che da errore.

[nanaho17]

Ho provato,da lo stesso problema. Inoltre nelle istruzioni c'è scritto "Ti ricordiamo che i CSS devono essere funzionanti e Validati W3C" , quindi in teoria dovrebbero essere quelli validati da caricare, che non hanno /**/, ma non va. ç__ç

[arunka]

hai già usato il w3c validator?
ti mostra tutti gli errori
http://validator.w3.org/check

[nanaho17]

Ehm ^^ Se ho i codici validati vuol dire che l'ho già usato e non ha segnalato alcun errore, era perfetto ^^

[arunka]

Poichè parlavi di codice "validato" e "di non validato" anche riguardo il codice inserito in iobloggo.. la mia proposta era più che legittima
comunque io non posso aiutarti perché non sono abilitata come designer e non ho idea di quale sia la procedura.

l'unica cosa che mi viene in mente è di mettere il codice non validato nella stessa forma di quello validato (quindi togliere i commenti e gli spazi inutili tra nomecategoria e { eccetera).

appeno sento un admin chiedo.

[nanaho17]

Figurati
Comunque ho provato anche così e non succede niente >.< Aspetterò eventuali notizie, se per favore potrai avvisarmi qui quando le avrai ^^ Grazie!

[nanaho17]

Scusate se rompo non ci sono novità? >.<

[cate]

La tua immagine di sottofondo e' un'immagine assoluta (inizia con http://). Devi mettere l'immagine in locale, assieme al template, quindi la riferisci solo con il nome del file. Guarda come hanno fatto negli altri templates.

E l'immagine e' tua? Puoi usarla liberamente?