Suport » Probleme și soluții » link-uri ca in tema "purple pro"

  • Rezolvat 13iunie

    (@13iunie)


    Buna ziua. Dupa cum spune si titlul, as vrea ca toate link-urile care sunt pe site (link titlu, link meniu, etc) sa se schimbe exact ca in tema „purple pro” http://wordpress.org/extend/themes/purple-pro
    In momentul de fata link-urile au culoarea neagra, iar cand duc cursorul pe ele se fac portocalii. Se pot modifica ca acea tranzitie de la negru la portocaliu sa se faca lent exact ca in tema purple pro? Multumesc frumos!

Vizualizare 15 răspunsuri - 1 la 15 (din 16 în total)
  • Totul se poate :)Nu e lent nici acolo,e doar un design optic cu argument text-shadow

    Pai da… dar cum? Pe mine ma intereseaza in momentul cand pun cursorul pe un link sa se schimbe lent in portocaliu(culorile le-am pus eu, dar ma intereseaza tranzitia aia lenta de la o culoare la alta)

    Stie cineva ce trebuie sa modific/adaug? scuze pentru off topic

    😀 In #main-nav a introdu aceasta:

    -webkit-transition-property:color, background;
    -webkit-transition-duration: 1s, 1s;
    -webkit-transition-timing-function: linear, ease-in;

    culorile le schimbi cum doresti

    Nu te supara, unde gasesc #main-nav a?

    Tot acolo unde ai schimbat culorile si unde ai pus restul codurilor
    Daca n-o gasesti trece din nou

    #main-nav a{
    -webkit-transition-property:color, background;
    -webkit-transition-duration: 1s, 1s;
    -webkit-transition-timing-function: linear, ease-in;
    }

    Tema are o optiune care apare in meniul de la wordpress si de acolo pot schimba background, link-uri, culori, font, logo, etc … daca ma intelegi:( Asa in css nu stiu unde as putea schimba culorile

    MAIN NAVIGATION
    ================================================ */
    #main-nav {
    	margin: 0;
    	padding: 0;
    	position: absolute;
    	left: 0;
    	bottom: 10px;
    	z-index: 100;
    }
    #main-nav li {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	float: left;
    	position: relative;
    }
    
    /* main level link */
    #main-nav a {
    	display: block;
    	padding: 5px 15px;
    	margin: 0 5px 0 0;
    	text-decoration: none;
    }
    /* main level link :hover */
    #main-nav a:hover, #main-nav li:hover > a {
    }
    
    /* current link */
    #main-nav .current_page_item a, #main-nav .current-menu-item a {
    	background: #333;
    	color: #fff;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    }
    /* current link :hover */
    #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
    	color: #fff;
    }
    
    /* sub-levels link */
    #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a, #main-nav li:hover > ul a  {
    	color: #666;
    	font-size: 100%;
    	line-height: 140%;
    	font-weight: normal;
    	text-transform: none;
    	padding: 6px 6px 6px 15px;
    	margin: 0;
    	display: block;
    	width: 180px;
    	background: none;
    	border: none;
    	text-shadow: none;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    }
    /* sub-levels link :hover */
    #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, #main-nav li:hover > ul a:hover {
    	background: #F3F3F3;
    	color: #000;
    	color: black;
    }
    /* dropdown ul */
    #main-nav ul {
    	margin: 0;
    	padding: 5px 0;
    	list-style: none;
    	position: absolute;
    	background: #fff;
    	border: solid 1px #ccc;
    	z-index: 100;
    	display: none;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    }
    #main-nav ul li {
    	background: none;
    	padding: 0;
    	margin: 0;
    	float: none;
    }
    /* sub-levels dropdown */
    #main-nav ul ul {
    	left: 190px;
    	top: -2px;
    }
    /* show dropdown ul */
    #main-nav li:hover > ul {
    	display: block;
    }

    Asta am gasit … (ditamai romanul)

    Si nu ai acolo #main-nav a ?

    Acesta sa fie?
    `#main-nav a {
    display: block;
    padding: 5px 15px;
    margin: 0 5px 0 0;
    text-decoration: none;

    Am trecut si nu se intampla nimic. Codul arata asa dupa ce am adaugat ce mi-ai spus:

    #main-nav a {
    	display: block;
    	padding: 5px 15px;
    	margin: 0 5px 0 0;
    	text-decoration: none;
    -webkit-transition-property:color, background;
    -webkit-transition-duration: 1s, 1s;
    -webkit-transition-timing-function: linear, ease-in;
    }

    Poate l-ai adaugat dar nu l-ai actualizat(Salvat) pentru ca nu-l ai in Style.css,l-am adaugat si functioneaza.
    Nu uita sa salvezi schimbarile.

    Am salvat… in style.css am gasit #main-nav a
    Gata merge As fi preferat totusi sa se schimbe umpicut mai repede. Inca ceva. Vroiam ca toate link-urile sa se schimbe asa inclusiv cele din titluri, articole, etc. Scuza-ma ca sunt asa mai nesimtit…

    Poti schimba timpul unde e 1s,1s
    prima o schimbi 0.3s,1s
    ori cum doresti
    Asta e cam mult timp momentan pentru mine,instaleaza Firebug si gasesti id-urile de referinta pentru ele si introdu codul intre paranteze.

    Gata. Lasa asa. Multumesc fain pentru tot. Esti cel mai tare!

Vizualizare 15 răspunsuri - 1 la 15 (din 16 în total)
  • Subiectul ‘link-uri ca in tema "purple pro"’ este închis pentru noi răspunsuri.