-
|
| .
|
|
|
|
» Problemi e/o modifiche
Segalatemi qui possibili problemi/bug/errori alla skin e, sidebar tabelle, schede e codici gdr che prelevate, ulteriori modifiche che vorreste apportare etc., cercherò di aiutarvi come meglio posso.
Edited by Caeles - 27/11/2014, 21:56
|
|
|
| .
|
-
|
| .
|
|
|
|
Ciao ^^ volevo avvisare che ho cambiato grafica al mio port/artfolio, però non so se è il caso di cambiare colori anche alla sidebar, non sembra stonare molto XD
Mi paicerebbe avere un tuo parere, così magari se a te piace così, non ti chiedo di adeguarla al resto della skin 
|
|
|
| .
|
-
|
| .
|
|
|
| |
Ciao :3 Scusa il ritardo ma non mi era arrivata la notifica *gratt* Se vuoi, come dicemmo, ti cambio quel paio di colori eh :3 Non mi ci vuole molto v.v Va spostata anche su ora che non hai il fastidio del menù utente lungo a tutto schermo =w=
|
|
|
| .
|
-
|
| .
|
|
|
| |
non preoccuparti ^^ io cmq prima che modifichi, mi salvo il codice dell'attuale sidebar, così quando rimetto la skin precedente non devo venire a richiederti la modifica per quanto riguarda la posizione, penso la rimarrò così perché centrata mi piace di più
|
|
|
| .
|
-
|
| .
|
|
|
|
Ok non toccherò la posizione allora xD Prova così e vediamo:
CSS
CODICE /*SIDEBAR #06 BY CAELES*/
#sidecae_06 {position: fixed; height: 100%; width: 250px; top: 0; background: linear-gradient(#BFB397, #e5dbca); padding: 5px; margin-top: 0; border-right: 3px solid #b1a28f; font-family: 'Carrois Gothic'}
.bottoni {float:right;
display: inline-block;
width: 56px;
height: 14px;
text-align:center;
line-height: 14px;
font-size: 15px;
padding: 2px;
margin: 1px;
letter-spacing: -1px;
text-transform:uppercase;
color: #642824;
background: #E14F45;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.bottoni:hover {color: #E14F45;
background: #642824;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.bottoni a {color: #642824}
.bottoni a:hover {color: #E14F45}
.staff {float:left;
margin: 1px;
border: 2px solid #E14F45;
opacity: .7;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.staff:hover {margin: 1px;
float:left;
opacity: 1;
border: 2px solid #E14F45;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.staff2 {float:left;
margin-top: 2px;
margin-bottom: 2px;
border: 1px solid #E14F45;
opacity: .7;
padding: 1px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.staff2:hover {margin-top: 2px;
float:left;
opacity: 1;
border: 1px solid #E14F45;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.bianca {float:left;
border: 2px solid #E14F45;
opacity: .7;
padding: 1px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.bianca:hover {float:left;
opacity: 1;
border: 2px solid #E14F45;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.menubarra {background-color: #642824; width: 135px; margin-top: 2px; margin-left: 110px; height: 11px; padding: 2px; text-transform:uppercase; line-height: 11px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.menubarra a {font-size: 12px; color: #fff}
.menubarra a:hover {font-size: 12px; color: #fff}
.menubarra:hover {background-color: #E14F45; width: 100px; margin-top: 2px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.cerchi img {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border-radius: 100px; opacity: 0.7; border: 2px solid #E14F45; padding: 1px; margin-top: 4px; padding: 2px}
.cerchi a:hover img {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity: 1;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
border: 2px solid #642824; border-radius: 100px;
margin-top: 2px} |
|
|
| .
|
-
|
| .
|
|
|
| |
lo sfondo della sidebar lo vorrei come quello rosso dietro le sezioni, quello del contrainer s enon erro ^^ mentre i link hai gdr mi vanno bene coi colori dei link racconti, oppure, se vuoi puoi mettere in entrambe le parti i colori dei link in tabella
|
|
|
| .
|
-
|
| .
|
|
|
|
Il container lo vuoi leggermente sfumato o a tinta unita della sidebar? =w= Se vuoi che anche i bottoni piccoli alti abbiano il colore del menù cambia questo
CODICE .bottoni {float:right;
display: inline-block;
width: 56px;
height: 14px;
text-align:center;
line-height: 14px;
font-size: 15px;
padding: 2px;
margin: 1px;
letter-spacing: -1px;
text-transform:uppercase;
color: #642824;
background: #E14F45;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.bottoni:hover {color: #E14F45;
background: #642824;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.bottoni a {color: #642824}
.bottoni a:hover {color: #E14F45}
con questo
CODICE .bottoni {float:right;
display: inline-block;
width: 56px;
height: 14px;
text-align:center;
line-height: 14px;
font-size: 15px;
padding: 2px;
margin: 1px;
letter-spacing: -1px;
text-transform:uppercase;
color: #fff;
background: #642824;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.bottoni:hover {color: #fff;
background: #E14F45;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease}
.bottoni a {color: #fff}
.bottoni a:hover {color: #fff} |
|
|
| .
|
-
|
| .
|
|
|
| |
ma ora che ci faccio caso è un url immagine lo sfondo che dico io. comef accio ad inserirlo nella sidebar?? O.o
|
|
|
| .
|
-
|
| .
|
|
|
|
Devi cambiare questa parte:
CODICE #sidecae_06 {position: fixed; height: 100%; width: 250px; top: 0; background: linear-gradient(#BFB397, #e5dbca); padding: 5px; margin-top: 0; border-right: 3px solid #b1a28f; font-family: 'Carrois Gothic'}
con
CODICE #sidecae_06 {position: fixed; height: 100%; width: 250px; top: 0; background-image: url(http://i.imgur.com/4DXkoKa.png); padding: 5px; margin-top: 0; border-right: 3px solid #b1a28f; font-family: 'Carrois Gothic'} |
|
|
| .
|
-
|
| .
|
|
|
| |
ora è perfetto, però forse i colori dei link non dovrebbero essere più rossi. ora provo io a cambiarli, credo di aver capito cosa cambiare XD
|
|
|
| .
|
-
|
| .
|
|
|
| |
Perfetto :3 Ti ho dato i pezzi di codice a posta, non è difficile, basta cambiare i colori in html preceduti dal # =w= quando trovi dopo la parole una a significa che si riferisce al colore del link e non dello sfondo della barra :3
|
|
|
| .
|
-
|
| .
|
|
|
| |
prefetto!!! grazie allora anche per le altre modifiche non dovrei avere problemi a farli da sola
|
|
|
| .
|
-
|
| .
|
|
|
| |
Ah! Quando invece trovi parola:hold significa che è la parte di codice che indica il cambio di colori al passaggio del mouse =w=
|
|
|
| .
|
-
|
| .
|
|
|
| |
ok ^^ mi sa che queste cose domani me le segno su carta, così non dimentico nulla grazie ancora per l'aiuto ^^ a presto
|
|
|
| .
|
-
|
| .
|
|
|
| |
Quando vuoi son sempre qui =w= Di niente!
|
|
|
| .
|
49 replies since 21/11/2014, 14:53 487 views
.
.
