Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
casa verde 2024

Intrerupator cu N - doza doar cu ...

Incalzire casa fara gaz/lemne

Incalzire in pardoseala etapizata
 Suprataxa card energie?!

Cum era nivelul de trai cam din a...

probleme cu ochelarii

Impozite pe proprietati de anul v...
 teava rezistenta panou apa calda

Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...

Rezultat RMN
 Numar circuite IPAT si prindere t...

Pareri brgimportchina.ro - teapa ...

Lucruri inaintea vremurilor lor

Discuții despre TVR Sport HD.
 

CSS - modul cum arata linkurile

- - - - -
  • Please log in to reply
7 replies to this topic

#1
pinguinul666

pinguinul666

    Senior Member

  • Grup: Senior Members
  • Posts: 4,689
  • Înscris: 06.10.2015
sal

incercand sa invat HTML/CSS, acum sunt la capitolul de a schimba aspectul linkurilor
(pana acum evident, am parcurs fundamentele, elementele limbajului (X)HTML, ce inseamna CSS vs HTML, elementele deprecated etc).

am atasat ca arhiva RAR (nu ma lasa sa atasez fisiere .html si .css!), o pagina numita "inceput"  (doar ceva scurt de tot, putin cod de baza - head si body - si niste simple linkuri) si un fisier .css numit "linkuri" "(este de fapt, o foaie de stil externa)

ce vreau eu este simplu - in fisierul "inceput", am scris niste simple linkuri, care cand faci click pe ele, se deschid intr-o noua pagina.
(linkurile sunt catre site-ul www.cisco.com si www.centos.org)

folosind foaia de stil externa numita "linkuri" si invocand-o in pagina mea html (fisierul "inceput"), am urmarit sa schimb modul cum arata si comportamentul linkurilor.

adica sa nu mai fie clasicul mov subliniat, ci sa le dau alte culori si sa fac ca linkurile sa nu mai fie subliniate (sublinierea sa apara doar la hover, cand cursorul mouse-ului este peste ele).

problema este ca afara de a inlatura aspectul subliniat de default al linkurilor si de a face literele bold, nu imi iese faza cu schimbatul culorilor si al comportamentului la hover si "deja vizitat" (vreau de pilda, sa fac linkurile deja vazute in roz aprins, in loc de movul standard)

va rog sa va uitati peste codul sursa al fisierului "inceput" (care este foarte scurt) si cel al foii de stil externe "linkuri" si sa imi spuneti ce am gresit si cum ar fi corect ca sa se aplice regulile dorite de mine.

NOTA BENE: evident, daca vreti sa rulati voi insiva si sa testati fisierele, va trebui sa modificati declaratia de invocare a foii de stil externe, caci eu am pus adresa unde se afla foia de stil externa "linkuri" pe calculatorul meu, si sa puneti path-ul vostru catre ea, altfel va fi inutila invocatia foii de stil externe, daca puneti o adresare incorecta!

Attached Files



#2
cristirg

cristirg

    Senior Member

  • Grup: Senior Members
  • Posts: 7,711
  • Înscris: 16.11.2012
a:visited {
  color: #DF01D7;
}

a {
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  color: #DF0101;
}
a:hover {
  color: #DF01D7;
}


a:visited, nu se prea foloseste, lasa doar culoare pe a, si a:hover

mai multe aici: http://www.w3schools...ss/css_link.asp

#3
pinguinul666

pinguinul666

    Senior Member

  • Grup: Senior Members
  • Posts: 4,689
  • Înscris: 06.10.2015
multumesc pt raspuns....dar atunci cum modific culoarea unui link deja vizitat (i.e. in loc de movul clasic, sa fie orice alta culoare) ?

asta facea a:visited

in linkul tau, se foloseste visited!

precizez ca in browserul Chrome nici macar ingrosarea si inlaturarea underline-ului (fara hover) nu functioneaza!
(dar in Mozilla functioneaza macar ingrosarea si scoaterea underline-ului fara hover)

Edited by pinguinul666, 27 September 2016 - 14:48.


#4
pinguinul666

pinguinul666

    Senior Member

  • Grup: Senior Members
  • Posts: 4,689
  • Înscris: 06.10.2015
PRECIZARE:  functioneaza!  tehnicile din linkul tau!

Aparent, simpla inchidere si repornire a Firefox a facut sa imi mearga "trucurile"  Posted Image

dar intrebarea ramane - de ce nu merg in Chrome si IE ?

Edited by pinguinul666, 27 September 2016 - 15:07.


#5
maxtron_69

maxtron_69

    Senior Member

  • Grup: Senior Members
  • Posts: 2,534
  • Înscris: 18.08.2010

View Postpinguinul666, on 27 septembrie 2016 - 11:57, said:

NOTA BENE: evident, daca vreti sa rulati voi insiva si sa testati fisierele, va trebui sa modificati declaratia de invocare a foii de stil externe, caci eu am pus adresa unde se afla foia de stil externa "linkuri" pe calculatorul meu, si sa puneti path-ul vostru catre ea, altfel va fi inutila invocatia foii de stil externe, daca puneti o adresare incorecta!
Putini au timp sa faca ce spui tu acolo... fa asa si vei primi ajutor mult mai repede, de la mai multi si mai de calitate:

https://jsfiddle.net/j5xv61ur/

Apropo, de ce ai mai pus aceasta linie? Nu e nevoie de ea:
<html xmlns="http://www.w3.org/1999/xhtml">


Ai niste <p> ne-inchise pe acolo... ce editor folosesti? Sper ca ai ales unul care sa iti spuna asta

#6
pinguinul666

pinguinul666

    Senior Member

  • Grup: Senior Members
  • Posts: 4,689
  • Înscris: 06.10.2015
@maxtron_69

linia aceea este name space declaration-ul pt validare cu w3.org  (fara el, nu este validata pagina web).

si unde anume am tag pair-uri <p> neinchise?!

#7
maxtron_69

maxtron_69

    Senior Member

  • Grup: Senior Members
  • Posts: 2,534
  • Înscris: 18.08.2010
Ah, deci tu imi spui mie ce e linia aia... Credeam ca tu vrei sa inveti de la mine, nu invers...

Sterge linia aia te rog eu mult... Si lasa semnele de exclamare.. Si zi un multumesc celor care pierd timpul sa te invete etc...

#8
laffin

laffin

    Senior Member

  • Grup: Senior Members
  • Posts: 9,375
  • Înscris: 16.03.2007

View Postpinguinul666, on 27 septembrie 2016 - 19:59, said:

@maxtron_69

linia aceea este name space declaration-ul pt validare cu w3.org  (fara el, nu este validata pagina web).

si unde anume am tag pair-uri <p> neinchise?!

Nu ai paragrafe neinchise. Confunzi si amesteci XHTML cu HTML. Ai declarat doctype html, nu ai nevoie de xmlns care este specific XHTML. Bineinteles, nu are niciun efect daca-l lasi, dar daca tot inveti, invata corect.

Edited by laffin, 28 September 2016 - 09:53.


Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate