Autore Topic: modificare colore al link  (Letto 3404 volte)

Offline elaholi

  • Esploratore
  • **
  • Post: 60
    • Mostra profilo
modificare colore al link
« il: 10 Apr 2013, 18:28:22 »
Non capisco, devo modificare il colore al passaggio della e-mail prima avevo fatto lo sfondo chiaro, e con il nero si vedeva, ora dovrei metterlo rosso...non riesco a farlo. come posso fare? Non mi ricordo più :((



http://www.360palestra.com/il-centro/contattaci


Grazie


Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18098
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:modificare colore al link
« Risposta #1 il: 10 Apr 2013, 22:47:39 »
Ciao elaholi,
per tutto il sito così:

Codice: [Seleziona]
a:link  {
    color:red;
    }

lo incolli al fondo del file template.css e metti il colore che vuoi.

Offline elaholi

  • Esploratore
  • **
  • Post: 60
    • Mostra profilo
Re:modificare colore al link
« Risposta #2 il: 11 Apr 2013, 16:09:36 »
Ciao elaholi,
per tutto il sito così:

Codice: [Seleziona]
a:link  {
    color:red;
    }

lo incolli al fondo del file template.css e metti il colore che vuoi.

Ciao Adotta un cane, è ancora diverso perchè praticamente il mio testo parte in nero (io ora ho lo sfondo tutto nero e quindi non vedo nulla) passandoci sopra mi compare il link bianco..il link bianco va bene è il testo nero iniziale che non va bene ma dentro al pannello di joomla in realtà il testo è bianco...

dovrei modificare questo css a quanto ho capito:

<link rel="stylesheet" href="/templates/cleanlogic-for-joomla-3.x/css/colors.css.php?base_color=e7d19f&amp;
accent_color=ffffff&amp;text_color=000000&amp;
menu_text_color=bd1421&amp;button_text_color=ffffff&amp;bg_style=05_alphablending&amp;templateurl=%templates%cleanlogic-for-joomla-3.x" type="text/css" />

Ma andando dentro al css: colors.css.php facendo con cerca non trovo questa stringa di testo...

Dove sbaglio? Posso arrivarci da un altra parte?

Grazie sei sempre gentile e di aiuto

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18098
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:modificare colore al link
« Risposta #3 il: 11 Apr 2013, 16:11:43 »
Non è un css ma probabilmente del codice in un file .php del template. Ma se fai come ho scritto risolvi comunque.

Offline elaholi

  • Esploratore
  • **
  • Post: 60
    • Mostra profilo
Re:modificare colore al link
« Risposta #4 il: 11 Apr 2013, 22:20:54 »
Non è un css ma probabilmente del codice in un file .php del template. Ma se fai come ho scritto risolvi comunque.

Grandissima :) ora la mail è apposto, e per il leggi tutto?
Guarda è tutto nero e non si vede...
http://www.360palestra.com/2012-11-13-15-40-18/eventi

Ancora grazie

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18098
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:modificare colore al link
« Risposta #5 il: 12 Apr 2013, 00:38:13 »
Sostituisci il codice di prima con questo:

Codice: [Seleziona]
a:link, .readmore a:link {
    color:#bd1421;
    }

Offline elaholi

  • Esploratore
  • **
  • Post: 60
    • Mostra profilo
Re:modificare colore al link
« Risposta #6 il: 12 Apr 2013, 18:51:36 »
Sostituisci il codice di prima con questo:

Codice: [Seleziona]
a:link, .readmore a:link {
    color:#bd1421;
    }


CIao Adotta un cane, ho provato ma un link non me lo cambia
http://www.360palestra.com/2012-11-13-15-40-18/eventi
pensavo di toglierlo e di rimetterlo, ma se riclicco su leggi tutto mi dice che c'è gia :(( come lo levo? Rimane anche così attaccato all'immagine, ho aggiunto deglio spazi ma rimane sempre così, cosa posso fare?


Grazie mi sei di grande aiuto

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18098
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:modificare colore al link
« Risposta #7 il: 12 Apr 2013, 21:58:52 »
Quale non ti cambia?
per la spaziatura aggiungi questo sotto l'altro:
Codice: [Seleziona]
.readmore a {
    margin-bottom: 10px;
}

Offline elaholi

  • Esploratore
  • **
  • Post: 60
    • Mostra profilo
Re:modificare colore al link
« Risposta #8 il: 13 Apr 2013, 19:45:31 »
Quale non ti cambia?
per la spaziatura aggiungi questo sotto l'altro:
Codice: [Seleziona]
.readmore a {
    margin-bottom: 10px;
}


Grazie l'ho aggiunto e magicamente si è spostato in basso :)) meno male, stava malissimo attaccato così, ho cercato anche con i css di allinearlo all'immagine ma stavo facendo casino...


vedo diverso da safari a firefox: ti allego cosa succede:
http://imageshack.us/photo/my-images/441/immagine20p.png/
http://imageshack.us/photo/my-images/7/immagine21p.png/


Buona serata

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18098
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:modificare colore al link
« Risposta #9 il: 13 Apr 2013, 20:59:53 »
Io li vedo tutti uguali e rossi con FF, Opera, Safari e Chrome. Magari svuota la cache dei browser.

Offline elaholi

  • Esploratore
  • **
  • Post: 60
    • Mostra profilo
Re:modificare colore al link
« Risposta #10 il: 13 Apr 2013, 22:40:12 »
Svuotati, ma vedo sempre così...io uso il mac tu cosa usi? Hai il pc? magari cambia...anche su ipad vedo uguale..

per allineare il leggi tutto ho fatto così su template.css

media {
  float: right;
}
e nel html dove ho la creazione dellelemento dell'articolo pink, ho aggiunto class=media" prima dell'immagine..praticamente tutto l'articolo si è allineato a sinistra, si aono invertiti i due articoli :(

grazie spero di non abusare della tua pazienza. Grazie adotta un cane

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18098
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:modificare colore al link
« Risposta #11 il: 14 Apr 2013, 01:09:01 »
Non ho capito esattamnte che cosa volevi fare...
Se vuoi allineare il readmore a sinistra devi sostituire l'ultima riga con questa:

Codice: [Seleziona]
.readmore a:link {
    margin-bottom: 20px;
float:left;
}

Ho Mac. Però prova a cercare questo:
Codice: [Seleziona]
a.readmore, p.readmore a {    color: #000000;}
e leva il colore di lì.

Offline elaholi

  • Esploratore
  • **
  • Post: 60
    • Mostra profilo
Re:modificare colore al link
« Risposta #12 il: 14 Apr 2013, 02:07:43 »
leggi tutto: allineamento
Sostiturndo  il codice ultimo che mi hai detto Mi ha allineato ancora un altra immagine :) (il leggi tutto con l'immagine di albarella danza) grazie :) )) :D :D :D Ne Mancano due, pink e lo stage steve lachance

leggi tutto: questione colore:
ho visto dove devo cambiare il colore (ho provato con firebug - scoperto oggi :o )
ma non so dove trovare questo testo. sembrerebbe dentro a colors.css.php

ma facendo  + f sul file colors.css.php  non lo trova, dove trovo questo testo?

ti lo allego cosa ho trovato con firebug (è dal primo post che cerco di modificarlo ma non so come :( (


 
 Uploaded with ImageShack.us
 
 Ti incollo il codice dove parla dei collegamenti di questo file.css.php

/* BUTTONS, LINKS & FORM ELEMENTS ------------------------------*/

.button,
button,
.btn,
.btn:hover,
.btn-primary,
.btn.disabled,
.btn[disabled],
.ct_buttonYellow,
.ct_buttonRed,
.ct_buttonBlue,
.ct_buttonGreen,
.ct_buttonPink,
.ct_buttonBlack,
.ct_buttonWhite,
.ct_buttonAccent,
#errorboxoutline a,
ul.pagenav li a,
.ct_pagination > div,
[class^='icon-']:before,
[class*=' icon-']:before,
.input-append .add-on,
.input-prepend .add-on {
    color: ".$buttonTextColor.";
}

.button,
button,
.btn,
.btn:hover,
.btn-primary,
.btn.disabled,
.btn[disabled],
#errorboxoutline a {
    background: url(../images/bg_btn.png) no-repeat right;
    background: ".$accentColor.";
    background: url(../images/bg_btn.png) no-repeat right, -moz-linear-gradient(top,  ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
    background: url(../images/bg_btn.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, ".$accentGradientLight."), color-stop(100%, ".$accentGradientDark."));
    background: url(../images/bg_btn.png) no-repeat right, -webkit-linear-gradient(top, ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
    background: url(../images/bg_btn.png) no-repeat right, -o-linear-gradient(top, ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
    background: url(../images/bg_btn.png) no-repeat right, -ms-linear-gradient(top, ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
    background: url(../images/bg_btn.png) no-repeat right, linear-gradient(top, ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
   
    -pie-background: url(".$templateUrl."/images/bg_btn.png) no-repeat right, linear-gradient(top,  ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
}

.btnPlain,
.btnPlain:hover,
.btn.disabled.btnPlain,
.btn[disabled].btnPlain,
.btn.disabled.btnPlain:hover,
.btn[disabled].btnPlain:hover,
.btn-mini,
.btn-mini:hover,
ul.pagenav li a,
.ct_PaginationStart,
.ct_PaginationPrevious,
.ct_PaginationNext,
.ct_PaginationEnd,
.ct_PaginationPageActive,
.dropdown-toggle,
.dropdown-toggle:hover,
.content_vote input.button,
.ct_buttonAccent,
.input-append .add-on,
.input-prepend .add-on,
.input-prepend .btn,
.input-append .btn,
.input-prepend.input-append .btn {
    background: ".$accentColor.";
    background: -moz-linear-gradient(top,  ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ".$accentGradientLight."), color-stop(100%, ".$accentGradientDark."));
    background: -webkit-linear-gradient(top, ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
    background: -o-linear-gradient(top, ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
    background: -ms-linear-gradient(top, ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
    background: linear-gradient(top, ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
   
    -pie-background: linear-gradient(top,  ".$accentGradientLight." 0%, ".$accentGradientDark." 100%);
}

.ct_buttonYellow
{
    color: #777 !important;
    background-color: #ffe400;
    background: -moz-linear-gradient(top,  #ffe400 0%, #af9417 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe400), color-stop(100%,#af9417));
    background: -webkit-linear-gradient(top,  #ffe400 0%,#af9417 100%);
    background: -o-linear-gradient(top,  #ffe400 0%,#af9417 100%);
    background:  -ms-linear-gradient(top,  #ffe400 0%,#af9417 100%);
    background:  linear-gradient(top,  #ffe400 0%,#af9417 100%);
   
    -pie-background: linear-gradient(top, #ffe400 0%, #af9417 100%);
}

.ct_buttonRed
{
    background-color: #ed0000;
    background: -moz-linear-gradient(top,  #ed0000 0%, #9e1815 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed0000), color-stop(100%,#9e1815));
    background:  -webkit-linear-gradient(top,  #ed0000 0%,#9e1815 100%);
    background:  -o-linear-gradient(top,  #ed0000 0%,#9e1815 100%);
    background:  -ms-linear-gradient(top,  #ed0000 0%,#9e1815 100%);
    background:  linear-gradient(top,  #ed0000 0%,#9e1815 100%);
   
    -pie-background: linear-gradient(top, #ed0000 0%, #9e1815 100%);
}

.ct_buttonBlue
{
    background-color: #0072ff;
    background: -moz-linear-gradient(top,  #0072ff 0%, #29487a 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0072ff), color-stop(100%,#29487a));
    background:  -webkit-linear-gradient(top,  #0072ff 0%,#29487a 100%);
    background:  -o-linear-gradient(top,  #0072ff 0%,#29487a 100%);
    background:  -ms-linear-gradient(top,  #0072ff 0%,#29487a 100%);
    background:  linear-gradient(top,  #0072ff 0%,#29487a 100%);
   
    -pie-background: linear-gradient(top, #0072ff 0%, #29487a 100%);
}

.ct_buttonGreen
{
    background-color: #58d000;
    background: -moz-linear-gradient(top,  #58d000 0%, #477d1d 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58d000), color-stop(100%,#477d1d));
    background:  -webkit-linear-gradient(top,  #58d000 0%,#477d1d 100%);
    background:  -o-linear-gradient(top,  #58d000 0%,#477d1d 100%);
    background:  -ms-linear-gradient(top,  #58d000 0%,#477d1d 100%);
    background:  linear-gradient(top,  #58d000 0%,#477d1d 100%);
   
    -pie-background: linear-gradient(top, #58d000 0%, #477d1d 100%);
}

.ct_buttonPink
{
    background-color: #ff00ea;
    background: -moz-linear-gradient(top,  #ff00ea 0%, #af0577 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff00ea), color-stop(100%,#af0577));
    background:  -webkit-linear-gradient(top,  #ff00ea 0%,#af0577 100%);
    background:  -o-linear-gradient(top,  #ff00ea 0%,#af0577 100%);
    background:  -ms-linear-gradient(top,  #ff00ea 0%,#af0577 100%);
    background:  linear-gradient(top,  #ff00ea 0%,#af0577 100%);
   
    -pie-background: linear-gradient(top, #ff00ea 0%, #af0577 100%);
}

.ct_buttonBlack
{
    background-color: #000;
    background: -moz-linear-gradient(top,  #474747 0%, #000 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#000));
    background:  -webkit-linear-gradient(top,  #474747 0%,#000 100%);
    background:  -o-linear-gradient(top,  #474747 0%,#000 100%);
    background:  -ms-linear-gradient(top,  #474747 0%,#000 100%);
    background:  linear-gradient(top,  #474747 0%,#000 100%);
   
    -pie-background: linear-gradient(top, #474747 0%, #000 100%);
}

.ct_buttonWhite
{
    color: #777 !important;
    background-color: #fff;
    background: -moz-linear-gradient(top,  #fff 0%, #bababa 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#bababa));
    background:  -webkit-linear-gradient(top,  #fff 0%,#bababa 100%);
    background:  -o-linear-gradient(top,  #fff 0%,#bababa 100%);
    background:  -ms-linear-gradient(top,  #fff 0%,#bababa 100%);
    background:  linear-gradient(top,  #fff 0%,#bababa 100%);
   
    -pie-background: linear-gradient(top, #fff 0%, #bababa 100%);
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='text'],
select,
textarea {
    background: ".$inputColorLight.";   
}

input[type='text']:hover,
input[type='password']:hover,
input[type='email']:hover,
input[type='text']:hover,
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='text']:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus,
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
    -moz-box-shadow: 0px 0px 3px 0px ".$accentColor.", 0px 0px 3px 0px ".$accentColor.", 0px 0px 3px 0px ".$accentColor.";
    -webkit-box-shadow: 0px 0px 3px 0px ".$accentColor.", 0px 0px 3px 0px ".$accentColor.", 0px 0px 3px 0px ".$accentColor.";
    box-shadow: 0px 0px 3px 0px ".$accentColor.", 0px 0px 3px 0px ".$accentColor.", 0px 0px 3px 0px ".$accentColor.";
}

input.invalid,
select.invalid,
textarea.invalid {
    -moz-box-shadow: 0px 0px 3px 0px #ff0000, 0px 0px 3px 0px #ff0000, 0px 0px 3px 0px #ff0000;
    -webkit-box-shadow: 0px 0px 3px 0px #ff0000, 0px 0px 3px 0px #ff0000, 0px 0px 3px 0px #ff0000;
    box-shadow: 0px 0px 3px 0px #ff0000, 0px 0px 3px 0px #ff0000, 0px 0px 3px 0px #ff0000;
}

.btn-group.open .btn.dropdown-toggle {
    background: ".$bodyGradientLight.";
}

.caret {
    border-top-color:  ".$buttonTextColor.";
}

finito

(non te l'ho incollato tutto, credo sia qui... :o

Ora conviene che vado a dormire, ieri sera ho cancellato una pagina burlesque cercando di inserire un video :( (


Buona notte  :)
« Ultima modifica: 14 Apr 2013, 02:20:48 da elaholi »

 

Torna su