Back to top

Autore Topic: [Risolto] rounded corner  (Letto 4628 volte)

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
[Risolto] rounded corner
« il: 03 Dic 2011, 14:34:51 »
Ciao a tutti,
 so che questo argomento è stato scritto e riscritto mille volte nel forum ma ho un piccolo problema:
ho fatto le mie quattro immagini per gli angoli arrotondati, ho fatto il mio codice e funziona ma, in alcuni casi (credo quando ci sono dei link) le immagini e il box rounded non funziona come dovrebbe :(

Questo è quello che succede al mio box:




« Ultima modifica: 13 Dic 2011, 23:18:20 da KoWa »

adottauncane

  • Visitatore
Re:rounded corner
« Risposta #1 il: 03 Dic 2011, 18:48:56 »
Ciao Kowa,
servirebbe un link al sito. Oppure copia il css del template rhuk_milkyway.

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:rounded corner
« Risposta #2 il: 03 Dic 2011, 19:17:01 »
è quello che ho fatto per essere sicuro di non fare cavolate :)
te lo posto qui sotto:

Codice: [Seleziona]
div.module_rounded  h3{
    padding: 5px;
    color: #fff;
}

div.module_rounded {
    background: url(../images/box/box_br.png) 100% 100% no-repeat; margin-bottom: 5px;
}

div.module_rounded div {
    background: url(../images/box/box_bl.png) 0 100% no-repeat;
}

div.module_rounded div div {
    background: url(../images/box/box_tr.png) 100% 0 no-repeat;
}

div.module_rounded div div div {
    background: url(../images/box/box_tl.png) 0 0 no-repeat;
}

adottauncane

  • Visitatore
Re:rounded corner
« Risposta #3 il: 03 Dic 2011, 21:54:46 »
Non hai un link? L'unica cosa che mi viene in mente è che tu abbia anche i link come h3 e non solo i titoli.

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:rounded corner
« Risposta #4 il: 04 Dic 2011, 16:15:44 »
kowaproject@altrervista.org entra con utente:prova pw:prova123

adottauncane

  • Visitatore
Re:rounded corner
« Risposta #5 il: 04 Dic 2011, 21:46:39 »
Mmmm, non mi è chiarissimo il motivo ma, probabilmente nel file .php del template hai un <div style="text-align:center; margin:auto; margin: 1.4em 0px 2px 0px;">
a cui andrebbe aggiunto
background:none;

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:rounded corner
« Risposta #6 il: 05 Dic 2011, 11:33:12 »
Con firebug se aggiungo il background:none il box si vede correttamente, il problema è che nell'index.php non ho aggiunto nessuno stile al div e non capisco da dove se lo prende (forse da cb_login?)

adottauncane

  • Visitatore
Re:rounded corner
« Risposta #7 il: 05 Dic 2011, 12:08:17 »
Se lo fa solo lì è possibile...

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:rounded corner
« Risposta #8 il: 05 Dic 2011, 12:44:33 »
no lo fa anche in altri moduli....

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:rounded corner
« Risposta #9 il: 09 Dic 2011, 16:13:35 »
scusate se continuo a "rompere" con 'sto problema ma nn riesco a risolvere...
Analizzando il mio sito con firebug noto che in ogni box dove mi da il problema c'è element.style, provando sempre da firebug a mettere background:none il problema mi si risolve ma nn capisco che classe devo mettere nel mio css per risolvere 'sto problema su tutta la pagina :)

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:rounded corner
« Risposta #10 il: 12 Dic 2011, 14:09:50 »
ciao non trovi il div xche e un div dei moduli che usi  e de nel php del modulo lo style.
prova in questo modo
metti nel css
element.style {    background: none repeat scroll 0 0 transparent;
}
e vedi che succede

se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:rounded corner
« Risposta #11 il: 12 Dic 2011, 14:27:22 »
ok, lo provo stasera e ti faccio sapere.
Per ora ti ringrazio per la risposta :)

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:rounded corner
« Risposta #12 il: 12 Dic 2011, 21:55:34 »
nulla, continua a farmi lo stesso errore anche se dichiaro nel css l'element.style :(

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:rounded corner
« Risposta #13 il: 12 Dic 2011, 23:14:59 »
se non crei il modulo chrome giusto avrai sempre problemi, quello che tu chiami chrome  in realtà e un suffisso  che applichi a tutti i moduli  e se il modulo a stile php non dichiarato in css il risultato è  quello che vedi.
« Ultima modifica: 12 Dic 2011, 23:17:14 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:rounded corner
« Risposta #14 il: 13 Dic 2011, 00:27:59 »
allora quando si  copia non dimenticarti  dei pezzi
prova ag aggiungere questo
div.module_rounded div div div div {    background: none;}

x la seconda domanda fatta
Citazione
- l'icona modifica che viene messa a sinistra della data (io la vorrei vedere a destra del titolo)


devi modificare

com_content/frontpage/default_item.php

questa riga
elimina lo style

Citazione
<div class="contentpaneopen_edit<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?>" style="float: left;">

in
Citazione
<div class="contentpaneopen_edit<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?>" style="">

poi aggiungi il css che vedi qui sotto
 
Codice: [Seleziona]
.contentpaneopen_edit {    float: right;    top: 21px;    position: relative;    margin-right: -7px;}
Citazione
- quando metto il puntatore sorpa l'icona modifica non mi esce nessun riquadro (io vorrei avere un fumetto tipo il teplate ryuk)
questo e per modificare il colore e sfondo

Codice: [Seleziona]
/* Tooltips */

.tool-tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
}

.tool-title {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
    font-size: 100%;
    margin: 0;
}
   
}
« Ultima modifica: 13 Dic 2011, 03:28:10 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:rounded corner
« Risposta #15 il: 13 Dic 2011, 23:17:57 »
come al solito siete riusciti a risolvere ogni mio problema, troverò prima o poi il modo per sdebitarmi :)

 



Web Design Bolzano Kreatif