Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: styless.css redagavimas

Parašė Narysx· 2008 Lap. 30 16:11:27
#1

Mano styless.css:

body {
   font-family:Verdana,Tahoma,Helvetica,Arial,Sans-Serif;
   font-size:10px;
   color:#000000;
   padding:0px 0px 0px 0px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

.forumline {
    border: bold 1px #CACACA;
   background-color: #CACACA;
}

.header {
   background-color: #F2F2F2;
   padding:0px;
}

.white {
   font-family:Verdana,Tahoma,Helvetica,Arial,Sans-Serif;
   font-size:10px;
   color:#FFFFFF;
}

.dark {
   font-family:Verdana,Tahoma,Helvetica,Arial,Sans-Serif;
   font-size:10px;
   color:#666;
}

a {
   color:#34558a;
   text-decoration:none;
   font-size:10px;
}


a:hover {
   color:#ff8b2e;
   text-decoration:none;
}


a.side {
   color:#ffffff;
   text-decoration:none;
   font-size:10px;
}


a:hover.side {
   color:#ffffff;
   text-decoration:none;
}


a.white {
   color:#402000;
   text-decoration:none;
   font-size:11px;
}


a:hover.white {
   color:#0C0C0C;
   text-decoration:none;
}


form {
   margin:0px 0px 0px 0px;
}


hr {
   border-top:1px #E2E2E2 solid;
   border-bottom:1px #F9F9F9 solid;
}


hr.side-hr {
   border:1px #E2E2E2 solid;
   border-bottom:1px #F9F9F9 solid;
}


td {
   font-family:Verdana,Tahoma,Helvetica,Arial,Sans-Serif;
   font-size:10px;
}


pre {
   font-family:Verdana,Tahoma,Helvetica,Arial,Sans-Serif;
   font-size:9px;
}


.alt {
   color: #666666;
}


.button {
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   font-size:10px;
   font-weight:bold;
   background-image:url('images/mygtukasoff.png');
   background-color:#2d60a9;
   color: #FFFFFF;
   border:1px #efefef solid;
   margin-top:2px;
}

.button:hover {
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   font-size:10px;
   font-weight:bold;
   background-image:url('images/mygtukason.png');
   background-color:#2d60a9;
   color: #FFFFFF;
   border:1px #95accc solid;
   margin-top:2px;
}
   
.textbox {
   font-family:Verdana,Tahoma,Helvetica,Arial,Sans-Serif;
   font-size:10px;
   color:#000020    ;
   background-color:#FAFAFA;
   border:1px #CACACA solid;
}


.main-body {
   background-color:#efefef;
   color: #000000;
   font-weight: normal;
   padding:4px 4px 6px 6px;
}


.table-cellpic {
   font-size: 13px;
   text-align:left;
   font-weight: bold;
   color: #34558a;
   background-color: #ffffff;
   background-image: url(images/cellpic.png);
   padding: 0px 6px 10px 12px;
   
}


.panel-border {
   border: 0px dashed #CACACA;
}


.news-border {
   border-top: dashed #CACACA;
   border-top-width: 0px;
   border-left: dashed #CACACA;
   border-left-width: 0px;
   border-right: dashed #CACACA;
   border-right-width:0px;
   border-bottom: dashed #ff6000;
   border-bottom-width:0px;
}


.panel-cellpic {
   font-family: Arial, Verdana,Tahoma,Helvetica,Arial,Sans-Serif;
   font-size: 11px;
   font-weight: bold;
   color: #fff;
   background-color: #fff;
   background-image: url(images/virsus.png);
   padding:0px 0px 0px 0px;

}


.side-body {
   color: #c2c2c2;
   font-weight: normal;
   background-image: url(images/side_body.png);
   background-position: bottom;
   padding:0px 4px 20px 4px;
}


.main-bg {
   background-color:#efefef;
}


.border {
   border-width:0px 0px 0px 0px;
   border-color:#CACACA;
   border-style:solid;
}

.capmain {
   font-family:Verdana,Tahoma,Helvetica,Arial,Sans-Serif;
   font-size:10px;
   font-weight:bold;
   border-width:0px 0px 0px 0px;
   border-color:#CACACA;
   border-style:solid;
   color:#B78E00;
   height:24px;
   padding:2px 2px 2px 2px;
}


.footer {
   font-family:Arial;
   font-size:11px;
   color:#FFFFFF;
   background-color:#ffffff;
    background-image: url(images/foot.png);
   border-top:1px #CACACA dashed; border-bottom:1px #CACACA dashed;
   padding:4px 3px 4px 4px;
}


.footerstat {
   font-family:Verdana,Tahoma,Helvetica,Arial,Sans-Serif;
   font-size:10px;
   font-weight:bold;
   color:#604000;
}


img {
   border: 0px;
}


.scapmain {
   font-family:Verdana,Tahoma,Helvetica,Arial,Sans-Serif;
   font-size:10px;
   font-weight:bold;
   color:#000;
   height:19px;
   padding:0px 2px 0px 2px;
   border-width:1px 0px 1px 0px;
   border-color:#CACACA #CACACA #CACACA #CACACA;
   border-style:solid;
}


.tbl-border {
   background-color:#CACACA;
}


.tbl {
   font-size:11px;
   padding:4px;
}


.tbl1 {
   font-size:11px;
   color:#091609;
   background-color:#ffffff;
   padding:4px;
}


.tbl2 {
   font-size:11px;
   color:#091609;
   background-color:#ffffff;
   padding:4px;
}

.forum-caption {
   font-size:10px;
   font-weight:bold;
   color:#2A7ED8;
   background-color:#F1F1F1;
   height:24px;
   padding:0px 4px 2px 4px;

}

.quote {
   color:#2E4D80;
   background-color:#F8F8F8;
    background-image: url(images/code.gif);
   padding:2px;
   margin:0px 19px 0px 20px;
   border:1px #CACACA solid;
}

.poll {
   height:8px;
   border:1px #929AA2 solid;
}


.comment-name {
   font-weight:bold;
   color:#DDCC88;
}

.shoutboxname {
   font-weight:light;
   color:#FFDDAA;
}


.shoutbox {
   color:#06070A;
}


.shoutboxdate {
   font-size:9px;
   color:#1C1C1C;
}


.small {
   color: #666666;
   font-size:10px;
   font-weight:normal;
}


.small2 {
   font-size:9px;
   font-weight:normal;
   color:#1C1C1C;
}


.side-small   {
   font-size:10px;
   font-weight:normal;
   color:#000000;
}


.side-label {
   background-color:#E3E3E3;
   font-weight:normal;
   color:#888;
   padding:2px;
}

.gallery {
   padding: 16px 0px 8px 0px;
}


.gallery img {
   border: 1px solid #CACACA;
   filter: gray;
}


.gallery:hover img {
   border: 1px solid #4E79F3;
   filter: none;
}


img.activegallery {
   border: 1px solid #CACACA;
   filter: none;
}

div.pagination {
   padding: 3px;
   margin: 3px;
   text-align:center;
   font-family:Tahoma,Helvetica,sans-serif;
   font-size: 11px;
}

a.pagination {
   border: 1px solid #ccdbe4;
   margin-right:3px;
   padding:2px 8px;
   background-image:url('images/on.png');
   background-position:bottom;
   text-decoration: none;
   color: #fffff;
}

a:hover.pagination {
   border: 1px solid #2b55af;
   background-image:url('images/off.png');
   background-color:#3666d4;
   background-position:bottom;
   text-decoration: none;
   color: #ffffff;
}

a.current {
   border: 1px solid #2b55af;
   margin-right:3px;
   padding:2px 8px;
   background-image:url('images/on.png');
   background-color:#3666d4;
   background-position:bottom;
   text-decoration: none;
   color: #ffffff;
}





Padarykit kas nors, kad bet kurioj tinklapio vietoj užvedus pelę ant nuorodos ji pasidarytų balta ir užsidėtų underline. Jeigu nuoroda jau padaryta balta (su span class - white), tada, kad tik užsidėtų underline. Dėkui.

Parašė Žmogus· 2008 Lap. 30 16:11:46
#2

???
text-decoration:underline;

Parašė Narysx· 2008 Lap. 30 16:11:21
#3

Žalias aš čia žinok. :D Jei gali duok jau padarytą kodą. ;)

Parašė ex-it· 2008 Lap. 30 16:11:42
#4

:D va cia tai prajuokinai

Parašė Narysx· 2008 Lap. 30 16:11:44
#5

O tai gerai. ;D Sakė, kad aš labai rimtas... Dabar gal labiau žmonėms patiksiu, kai šiek tiek šmaikštus esu. ;)

Parašė Žmogus· 2008 Lap. 30 16:11:22
#6

a {
   color:#34558a;
   text-decoration:none;
   font-size:10px;
}


a:hover {
   color:#ff8b2e;
   text-decoration:none;
}


a.side {
   color:#ffffff;
   text-decoration:none;
   font-size:10px;
}


a:hover.side {
   color:#ffffff;
   text-decoration:none;
}


a.white {
   color:#402000;
   text-decoration:none;
   font-size:11px;
}


a:hover.white {
   color:#0C0C0C;
   text-decoration:none;
}




Keiti į underline

Parašė Narysx· 2008 Lap. 30 17:11:58
#7

Tai čia visada underline bus, o man reikia, kad tik tas vienas linkas pasidarytų underline, kai ant jo pelę užvedi.

Parašė blist· 2008 Lap. 30 17:11:16
#8

turi tam linkui priskirti atskira class

Parašė Narysx· 2008 Lap. 30 17:11:59
#9

Kaip suprast? Tai ką keist mano styless.css?

Parašė blist· 2008 Lap. 30 17:11:42
#10

kur pats tave tas linkas yra. duok man to linko koda .

Parašė Narysx· 2008 Lap. 30 17:11:29
#11

;D Tai pas mane pilna webe tų linkų. Tai vat noriu padaryt, kad ant to kurio užvedi pelę, kad jis pasidarytų underline.

Parašė blist· 2008 Lap. 30 17:11:19
#12

nu tai blem, tu nurodyk konkreciai kokiam linkui! ;D gi tas linkas tikriausiai yra priskirtas kokiai nors class is tu kur nurode shadovw, o mum reikia jam priskirti nauja class kad tik jam tebutu tas underline! :D

Parašė Žmogus· 2008 Lap. 30 17:11:25
#13

a.small
a:hover.small
underline goes gere

Parašė Narysx· 2008 Lap. 30 17:11:34
#14

Nu kaip aš nurodysiu kokiam linkui, jei jų daug yra? ;D Įeini į web, tarkim yra navigacija. Ten linkai:

Namai
Forumas
Kita

Paprastai jie visi be nieko, bet kai užvedi ant namai jis pasidaro underline, o kai nuvedi ant forumas, jis irgi pasidaro underline, bet tada namai nebe underline.

Parašė Žmogus· 2008 Lap. 30 17:11:22
#15

... Tai jei nori šoninėm panelėm tai a.side redaguok

Parašė Narysx· 2008 Lap. 30 17:11:27
#16

Nu tj ok, bet kaip padaryti, kad tik užvedus pasidarytų tas vienas linkas, o ne visi iškarto underline ir dar net neužvedus? :|

Parašė blist· 2008 Lap. 30 17:11:55
#17

a:hover.side {

Parašė Narysx· 2008 Lap. 30 17:11:56
#18

mediaL parašė:
a:hover.side {


Nu ir jei padarysiu

a:hover.side {
color:#ffffff;
text-decoration:underline;

Man iškart visi linkai su underline bus. O man reikia, kad būtų underline tik tada, kai mouse over.

Parašė blist· 2008 Lap. 30 17:11:07
#19

o ar bandei kad taip sakai?

Parašė Narysx· 2008 Lap. 30 17:11:23
#20

Bandžiau.

Parašė blist· 2008 Lap. 30 17:11:33
#21

tai tada tik
a.side {
color:#ffffff;
text-decoration:none;
font-size:10px;
}

nzn seip, man tai kaip pakeiciu a:hover.side { veikia..

Parašė Narysx· 2008 Lap. 30 17:11:51
#22

mediaL parašė:
o ar bandei kad taip sakai?


Oj sorry veikia. :s Ne refresh paspaudžiau, o pagrindinis, tai nk nepasikeitė. Lb atsiprašau. :s

Parašė WantedBoy· 2008 Lap. 30 17:11:49
#23

decoration underline reikia ;)

Parašė blist· 2008 Lap. 30 17:11:21
#24

nieko tokio, sakiau kad turi veikt :D

Parašė Enzo· 2008 Lap. 30 17:11:39
#25

a {
   color:#34558a;
   text-decoration:none;
   font-size:10px;
}


a:hover {
   color:#ff8b2e;
   text-decoration:underline;
}


a.side {
   color:#ffffff;
   text-decoration:none;
   font-size:10px;
}


a:hover.side {
   color:#ffffff;
   text-decoration:underline;
}


a.white {
   color:#402000;
   text-decoration:none;
   font-size:11px;
}


a:hover.white {
   color:#0C0C0C;
   text-decoration:underline;
}



Parašė kenukas· 2008 Lap. 30 18:11:50
#26

;D