Personalizzare l'heading-box

Aperto da Neville, Giovedì - 19 Giugno 2014 - 17:22

0 Utenti e 1 Visitatore stanno visualizzando questa discussione.

Neville

Ciao a tutti :)
Eccomi di nuovo qui con un altro piccolo problema   :-\
Vorrei modificare l'heading-box che è la barra presente sopra ogni categoria in cui c'è scritto il nome di quest'ultima.
Nel tema che uso questa barra è rettangolare:


Io vorrei smussare, arrotondare gli angoli in questo modo:


Ma se utilizzassi questa immagine, in altre zone, come il portale l'immagine verrebbe tagliata.

Qualcuno potrebbe mostrarmi una soluzione?  :D

Filippo

Come precedente,mente: se non linki il tuo forum è difficile aiutarti

Basta smussare gli angoli  :)

Comunque: nel file css, riga 794 (div cat_bar)

aggiungi

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px

border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;


Funziona in tutti i browser decenti

Neville

#2
Hai ragione! Devo ancora abituarmi  :) In tutti i forum che ho frequentato è severamente vietato linkare un altro sito  :P

Comunque finalmente sono riuscito ad ottenere l'effetto che desideravo, grazie mille :D


EDIT:
Scusate avevo marcato come risolto, ma ho un piccolissimo problema "estetico". Quando riduco la testata, cioè nascondo le boards della categoria, nell'header-box compare una specie di rettangolo marrone (prima categoria nell'immagine d'esempio):


Sapete da cosa potrebbe essere causato?  :)

Filippo


emanuele

Citazione di: Neville il Giovedì - 19 Giugno 2014 - 18:53
Scusate avevo marcato come risolto, ma ho un piccolissimo problema "estetico". Quando riduco la testata, cioè nascondo le boards della categoria, nell'header-box compare una specie di rettangolo marrone (prima categoria nell'immagine d'esempio):
http://i59.tinypic.com/mhpw5i.png

Sapete da cosa potrebbe essere causato?  :)
Che io sappia nessuno è ancora riuscito a capirlo.
E' un problema noto di Curve (il tema di default di SMF 2) che appare e scompare a seconda del browser che usi.
Purtroppo nessuna soluzione di cui io sia a conoscenza...

Neville

Prima però, con l'immagine originale del tema, non lo faceva :-\

emanuele

Probabilmente, prima, con l'immagine originale del tema, semplicemente non te ne accorgevi. ;)