Wpisy oznaczone tagiem "kody css" (24)  

landrynkaxox
 
Trochę szukałam na internecie kodów CSS, i pozmieniałam niektóre elemrnty bloga. Zmieniłam między innymi: avatar na okrągły, wyśrodkowanie postów, kolory linków, rozjeżdżanie się linków, gdy się na nie najedzie, wyśrodkowanie 'menu', czcionkę. Nie chciałam z kodami przesadzać. Chcę, aby blog miał wygląd "naturalny". Czyli, żeby nie był jakiś przesadzony tymi efektami. Znalazłam też kod na neonowe napisy, jednak gdy zobaczyłąm go na blogu nie pasował. Wygląda to ładnie, ale nie tutaj. Chcę, aby mój blog był taki pastelowy. Zbyt dużo się nie zmienił, jednak podoba mi się bardziej teraz, niż wcześniej.
nowecss.jpg



Dodałam też kod na zaokrąglenie zdjęć. Podoba mi się, na razie go zostawię. A co będzie kiedyś - zobaczymy :)
  • awatar RainbowxD: Śliczny wygląd bloga ^^.
  • awatar Abstrakcyjny blog: Śliczny wygląd po za tym ogółem podoba ki się Twój blog i go obserwuje. Zapraszam do mnie byłabym wdzięczna
  • awatar izkku: blog rewelacja! :D zapraszam do siebie :)
Dodaj komentarz ›/ Pokaż wszystkie (8) ›
 

bffweronikahania
 
Witam was po dokładnych 137 dniach, tyle czasuu mineło...
Wiem ze być może nikogo tu nie ma, a ja to piszę, no trudno.
Chciałabym powiedzieć jaki los czeka ten blog, lecz niestety nie wiem, nie usunę broń Boże, nie wiem czy jest sens tu wracać, moje 'bff' usunęły swoje blogi lub zawiesiły i już nie wrócą, ...
*Chyba już nie potrafię tworzyć kodów css, być może, już chyba nie istnieją pomysły na nowe css.*
A o Violetcie nie będę pisać, co to nie, oczywiście, miałam już pełno blogów o tej tematyce, wiec nie pozostaje mi nic innego. Po raz kolejny nie wiem czemu tu się wyżalam, jejku.
Kiedyś ten blog był całym moim światem, chciałam przebywać tu każdą minutę. Nie wierze że blog ma już rok!

Nie wierze że MÓJ blog ma już 40.000tyś odwiedzin! To naprawdę wyczyn, na moich poprzednich blogach nawet nie miałam 20.000tyś. *Dziękuje Wam bardzo z całego serca!*

Chciałam dodać ważne dla mnie zdjęcie, lecz "Błąd dodawania pliku" no cóż. Ogólnie to żadnego zdjecia nie mogę dodać, to jest pinger, tego nie zrozumiesz hah.

Dziękuję za wszelkie komentarze, odwiedziny oraz przyjęcie mnie do grona blogerowiczów. Dziękuje za wszystko. :*
*Czy ten wpis wygląda jak pożegnanie?* hahah. Chyba nie wrócę, nie mam po co, ale to nie jest moja ostateczna decyzja :), lecz nie szybko się tu pojawię. *Pamiętajcie o mnie, tak jak ja pamiętam o Was* <3
Kocham was ;*

Jesteście moim najlepszym wspomnieniem, dziękuje.
Pozdrawiam, Bffweronikahania.
  • awatar Ludmiła Ferro: Kochamy Cię <3 Mój blog ma Twój wygląd <3
  • awatar ~Lost in love.♥: Myślałam że już tu nie zajrzysz, że zapomniałaś jednak chyba coś sprawiło, skusiło Cie byś wpadła. I to coś bardzo mi się podoba. Ja nie czuję tego że odchodzisz wierzę, ze jeszcze zajrzysz ty lub na gotowewyglady.pinger.pl ;). Nie czuję się pozegnana więc nie mówię żegnaj tylko do zobaczenia
  • awatar Kody CSS-Bffweronikahania: @~Lost in love.♥: Kochana:* Właśnie tak jakoś sumienie kazało mi tu wejść, :) Możliwe że wpadnę, ten blog jest moim ulubionym. Do zobaczenia, kochana*.*<3 Pozdrawiam<3
Pokaż wszystkie (10) ›
 

blizniaczki4ever
 
Hej. Zauważyłam, że od wczoraj mam przy każdym poście 0 tak okrągłe 0 komentarzy ;( Dlaczego mi nie komentujecie? Jestem tu nowa, wiem ale to nie znaczy że macie mn olewać ;(
~~~
Kod CSS na zmanipulowany przycisk 'szukaj'.

Kod:
input#search, input#search-msg-submit, input#search-msg-by-tag-submit {
background-image: url(img14.imageshack.us/img14/900/cooltext904190955.png);
margin-left: 119px;
background-position: right top;
height: 27px;
width: 62px
}
input#search:hover, input#search-msg-submit:hover, input#search-msg-by-tag-submit:hover {
background-image: url(img14.imageshack.us/img14/900/cooltext904190955.png)
}

Efekt:
kod4.PNG


P.S Jak będzie trochę więcej komentarzy dam mój pierwszy gotowy wygląd minibloga :D

/Asia
Pokaż wszystkie (3) ›
 

blizniaczki4ever
 
Gotowe wyglądy minibloga i kody CSS: Ok, pewnie dużo V-lovers jest leworęczna, a więc przyda wam się kod na przestawienie prawego bloku na lewą stronę :D

Kod:
#left_content {
float: right;
margin-left: 10px;
width: 539px;
}

Efekt:
kod3.PNG


/Asia
 

blizniaczki4ever
 
Gotowe wyglądy minibloga i kody CSS: Kolejny CSS :D Ale tym razem na wyśrodkowanie górnego menu 'mój miniblog'

Kod:
ul#navlist li {
background: none;
box-shadow: none
}
ul#navlist {
position: relative;
right: 230px
}
ul#navlist li a, ul#navlist li .link {
color: black;
text-shadow: 2px 2px 10px white
}
ul#navlist li.important a, #after-share li a.myprofile {
color: black
}
ul#navlist li span.item:hover {
position: relative;
bottom: 3px
}

Efekt:
kod2.PNG


/Asia
 

miska22
 
Postanowiłam, że ma moim blogu oprócz zabaw, ciekawostek z zycia gwiazd i muzyki znajdziecie też kody CSS, gotowe wyglądy blogów i zestawy :)
candelaria molfese.jpg

Mam nadzieję, że ten pomysł Wam się podoba.
Nelly Storm <3
 

nata888
 

Wpis tylko dla użytkowników pinger.pl

 

directioners5
 
zmieniłam troszkę avek, i napisałam parę kodów CSS, przez co chyba mój blog jest ładniejszy. A oto mój avek:  
Bl4D0lDh.jpg

ni bójcie się, jutro czy kiedyś go zmienię, bo będę zmieniała codziennie, lub co dwa dni. Zastanawiam się też, nad zmianą tła. I zrobię to.
 

bffnataliaania
 
  • awatar blog. VIOLETTA. ♥: trochę niewyraźne :/
Pokaż wszystkie (1) ›
 

bffnataliaania
 
Opis kodziku z kodzikiem <3
Własne tło, które ustawiamy dla minibloga jest nieruchome. Jeśli chcemy, aby przewijało się wraz z treścią, musimy wprowadzić we własnych stylach poniższy kod.

body {
background-attachment: scroll
}

W ustawieniach sekcja 'Pozycja tła' powinna być ustawiona na 'prawy górny róg' lub 'lewy górny róg', aby uniknąć skakania tła podczas ładowania strony.
Zamiana wartości 'scroll' na 'fixed' spowoduje, że tło stanie się znów nieruchome.
 

bffnataliaania
 
Kolory zmieniamy na dwa sposoby

1. Np. yellow

2. Np. #CC0099 ( nie ma takiego koloru ;) )

Dziś pobawimy się drugą opcją!

Tabela Kolorów PISENNA


Definicja    HEX    Kolor
aliceblue    #F0F8FF     
antiquewhite    #FAEBD7     
aquamarine    #7FFFD4     
azure    #F0FFFF     
beige    #F5F5DC     
bisque    #FFE4C4     
blanchedalmond    #FFEBCD     
blueviolet    #8A2BE2     
brown    #A52A2A     
burlywood    #DEB887     
cadetblue    #5F9EA0     
chartreuse    #7FFF00     
chocolate    #D2691E     
coral    #FF7F50     
cornflowerblue    #6495ED     
cornsilk    #FFF8DC     
crimson    #DC143C     
cyan    #00FFFF     
darkblue    #00008B     
darkcyan    #008B8B     
darkgoldenrod    #B8860B     
darkgray    #A9A9A9     
darkgreen    #006400     
darkgrey    #A9A9A9     
darkkhaki    #BDB76B     
darkmagenta    #8B008B     
darkolivegreen    #556B2F     
darkorange    #FF8C00     
darkorchid    #9932CC     
darkred    #8B0000     
darksalmon    #E9967A     
darkseagreen    #8FBC8F     
darkslateblue    #483D8B     
darkslategray    #2F4F4F     
darkslategrey    #2F4F4F     
darkturquoise    #00CED1     
darkviolet    #9400D3     
deeppink    #FF1493     
deepskyblue    #00BFFF     
dimgray    #696969     
dimgrey    #696969     
dodgerblue    #1E90FF     
firebrick    #B22222     
floralwhite    #FFFAF0     
forestgreen    #228B22     
gainsboro    #DCDCDC     
ghostwhite    #F8F8FF     
gold    #FFD700     
goldenrod    #DAA520     
greenyellow    #ADFF2F     
grey    #808080     
honeydew    #F0FFF0     
hotpink    #FF69B4     
indianred    #CD5C5C     
indigo    #4B0082     
ivory    #FFFFF0     
khaki    #F0E68C     
lavender    #E6E6FA     
lavenderblush    #FFF0F5     
lawngreen    #7CFC00     
lemonchiffon    #FFFACD     
lightblue    #ADD8E6     
lightcoral    #F08080     
lightcyan    #E0FFFF     
lightgoldenrodyellow    #FAFAD2     
lightgray    #D3D3D3     
lightgreen    #90EE90     
lightgrey    #D3D3D3     
lightpink    #FFB6C1     
lightsalmon    #FFA07A     
lightseagreen    #20B2AA     
lightskyblue    #87CEFA     
lightslategray    #778899     
lightslategrey    #778899     
lightsteelblue    #B0C4DE     
lightyellow    #FFFFE0     
limegreen    #32CD32     
linen    #FAF0E6     
magenta    #FF00FF     
mediumaquamarine    #66CDAA     
mediumblue    #0000CD     
mediumorchid    #BA55D3     
mediumpurple    #9370DB     
mediumseagreen    #3CB371     
mediumslateblue    #7B68EE     
mediumspringgreen    #00FA9A     
mediumturquoise    #48D1CC     
mediumvioletred    #C71585     
midnightblue    #191970     
mintcream    #F5FFFA     
mistyrose    #FFE4E1     
moccasin    #FFE4B5     
navajowhite    #FFDEAD     
oldlace    #FDF5E6     
olivedrab    #6B8E23     
orangered    #FF4500     
orchid    #DA70D6     
palegoldenrod    #EEE8AA     
palegreen    #98FB98     
paleturquoise    #AFEEEE     
palevioletred    #DB7093     
papayawhip    #FFEFD5     
peachpuff    #FFDAB9     
peru    #CD853F     
pink    #FFC0CB     
plum    #DDA0DD     
powderblue    #B0E0E6     
rosybrown    #BC8F8F     
royalblue    #4169E1     
saddlebrown    #8B4513     
salmon    #FA8072     
sandybrown    #F4A460     
seagreen    #2E8B57     
seashell    #FFF5EE     
sienna    #A0522D     
skyblue    #87CEEB     
slateblue    #6A5ACD     
slategray    #708090     
slategrey    #708090     
snow    #FFFAFA     
springgreen    #00FF7F     
steelblue    #4682B4     
tan    #D2B48C     
thistle    #D8BFD8     
tomato    #FF6347     
turquoise    #40E0D0     
violet    #EE82EE     
wheat    #F5DEB3     
whitesmoke    #F5F5F5     
yellowgreen    #9ACD32     

Tabela Kolorów GRAFICZNA

html-edu.cba.pl/tablica.jpg

Strona z colorami
www.colorpicker.com/
 

bffnataliaania
 
Logo na górze poszerzymy

Kod :

#logo a, #logo a span, #adult_logo a, #adult_logo a span {
width: 235px;
}
 

bffnataliaania
 
Mam dla was kod na zastosowanie Lobster w nicku u góry z boku.

Kod :

@font-face {
font-family: 'Lobster';
font-style: normal;
font-weight: 400;
src: url(http://themes.googleusercontent .com/static/fonts/lobster/v5/vCLp8V-w9blvRLUVAEogtA.eot?#iefix),
url(http://themes.googleusercontent .com/static/fonts/lobster/v5/79Dll_5Rjz0WK-TN_-xljw.ttf);
}
/* pseudonim na górze strony */
div.profil-info h2 {
font-family: "Lobster", cursive;
font-weight: normal;
}

/* tytuł wpisu */
a.msg-title{
font-family: "Lobster", cursive;
font-weight: normal;
font-size: 20px;
}

/* pseudonim w kolumnie po prawej stronie */
h2.login_icon{
font-family: "Lobster", cursive;
font-weight: normal;
font-size: 17px;
background-position: left center;
}

/* nagłówki w kolumnie po prawej stronie */
h2.user_info_header{
font-family: "Lobster", cursive;
font-weight: normal;
font-size: 16px;
}

/* ilość wpisów i licznik odwiedzin */
.profile-stats ul li .stats-count{
font-family: "Lobster", cursive;
font-weight: normal;
font-size: 16px;
}

P.S.
Przy takim czymś /*...*/    <--- co możemy zrobić ze składnikiem kodów!!!! :*
 

bffnataliaania
 
Mam dla was kod.
Na czcionkę białą i drukowaną
Jest ładna!
UWAGA Nie polecam osobom co mają jasne tło i przezroczyste wpisy! UWAGA

Kod :

.message-odd div.entry, .even {
background: white;
font-family: Comic Sans MS;
color: #adadad;
font-variant: small-caps
}
.message-even div.entry, .odd {
background: white;
font-family: Comic Sans MS;
color: #adadad;
font-variant: small-caps
}
body {
font-variant: small-caps;
}

Jutro więcej kodów!
Zdjęcie jak to wygląda
i.pinger.pl/pgr375/deaa6b7b001484f6535ced4d
Nie moje ,ale jutro dodam moje!!!
Pokaż wszystkie (2) ›
 

clowdeen
 
Modnisiaa♥: Hejka !
Oto kilka kodów CSS :
Zmiana tła wpisów :
1. tło graficzne :
.message-odd div.entry, .even {
background: url("klikaj.wen.ru/waz.jpg") repeat-x scroll 0 0 green
}
.message-even div.entry, .odd {
background: url("klikaj.wen.ru/waz.jpg") repeat-x scroll 0 0 green
}
2. Kolorowe :
.message-odd div.entry, .even {
background: #000000
}
.message-even div.entry, .odd {
background: #000000
}
W background możecie wpisać np. pink , green alb jaki kolor chcecie .
3. Tło przezroczyste :
.message-odd div.entry, .even {
background: transparent;
}
.message-even div.entry, .odd {
background: transparent;
}
Zmieniamy kolor radiusów :
.message-even .native .radius-entry-bottom {
background: red
}
.message-even .native .radius-entry-top {
background: red
}
.message-odd .native .radius-entry-bottom {
background: red
}
.message-odd .native .radius-entry-top {
background: red
}
Oczywiście zamiast red możecie dać jaki kolor chcecie .

Jest jeszcze jeden kod , ale do pozbycia się radiusów. Jeśli nasze tlo wpisów jest w kolorze wystarczy , że w BACKGROUND wpiszecie kolor waszego tła . Jeżeli tło waszych wpisów jest graficzne wpisujemy ten sam kolor co wasze tło .
Jeśli wasze tło jest przezroczyste w BACKGROUND wpisujecie TRANSPARENT .
1. Kolorowy radius :
.message-even .native .radius-entry-bottom {
background: red
}
.message-even .native .radius-entry-top {
background: red
}
.message-odd .native .radius-entry-bottom {
background: red
}
.message-odd .native .radius-entry-top {
background: red
}

2. Graficzny radius :
.message-even .native .radius-entry-bottom {
background: url("jakisserwer.pl/naszplik.jpg");
}
.message-even .native .radius-entry-top {
background: url("jakisserwer.pl/naszplik.jpg");
}
.message-odd .native .radius-entry-bottom {
background: url("jakisserwer.pl/naszplik.jpg");
}
.message-odd .native .radius-entry-top {
background: url("jakisserwer.pl/naszplik.jpg");
}
UWAGA ! Zaraz za url(" a przed jakisserwer.pl wpisz koniecznie http://

3. Przezroczysty radius :
.message-even .native .radius-entry-bottom {
background: transparent
}
.message-even .native .radius-entry-top {
background: transparent
}
.message-odd .native .radius-entry-bottom {
background: transparent
}
.message-odd .native .radius-entry-top {
background: transparent
}
Tła na bloga :



clowdeen.jpg


Zdjęcia 2013. 2014 015.jpg


k02_bg.jpg


floating2010103.gif


To na tyle .
W następnym wpisie :
-Prawy bok :Zmiana koloru i czcionki nazwy bloga
-Zmiana koloru części czcionki
-Zmiana wyglądu czcionki
-Kolejne tła.

P.S. Tag MH bo może wam się to przydać ale na wszelki wypadek fotka :

Monster high 1 001.jpg

Si Es Por Amor ♥
 

fran26
 

Wpis tylko dla użytkowników pinger.pl

 

orisa
 
Założyłam nowego bloga z kodami CSS :) adres- pomoccss.pinger.pl/

Parę gifów na zakończenie:
a8.gif


a1.gif


a10.gif


Już dziś konkurs ;) Muszę tylko zrobić baner.

~Mary.
 

kiciek123
 
, ' Przyciski 'Dodaj', 'Obserwuj', 'Zablokuj' – zmiana wyglądu , '

Czyli że po prostu zmieniamy, ramki!  

Na to kod jest następujący.:

button.button-add{
background: white; /* kolor tła */
color: #33BBEE; /* kolor tekstu */
border: 1px solid gray; /* ramka */
border-radius: 5px; /* narożniki */
}
/* po najechaniu wskaźnikiem myszki */
button.button-add:hover{
background: lightblue; /* kolor tła */
color: white; /* kolor tekstu */
}
 

bffweronikahania
 
Hejcia. xD . Już mam czas dodać wpis i kody css.:)
A więc
bddbbd.jpg

Kod css na usunięcie górnego "avatara" avka przy nazwie naszego bloga.;)
Oto kod.:

div#login_profil img {
border: none;
float: left;
padding: 0;
width: 0
}
Efekt.:
djdjd.png

Zaskoczę was. Przygotowałam kolejny kod css.:)
Kod css na zdjęcie może być gif pod avkiem w tabelce info.
Oto kod.:

.sidebox .column_info {
background: url("123bloger.com/(…)serca_123bloger_com_40.gif…") no-repeat scroll 0 0 transparent;
margin-bottom: 3px;
overflow: hidden;
padding: 2px 0 2px 16px;
text-align: left;
height: 122px;
font-size: 0px
}

Efekt.:
ddd.png

Screen z mojego 2 bloga.:D
_________________________________________________
4.070 odwiedzin!.
11.gif

Może być później wpis. !
~~~~~~~~~~~~~♥~~~~~~~~~~~~
Weronikaaa.< 3
 

wikii1.2.3
 
Za to odpowiada ten kod:
a {
color: purple;
text-decoration: none
}

Pamiętamy że zamiast purple możemy wpisać inny kolor po angielsku.
~ Lodo
 

wikii1.2.3
 
Violetta & Zestawy & Ikonki & Kody CSS: Oto kod na podświetlenie przycisków " Dodaj do znajomych " , " Dodaj do grupy ważne " , " Obserwuj " , " Zablokuj "
Oto kod :
button.button-add{
background: white; /* kolor tła */
color: #33BBEE; /* kolor tekstu */
border: 1px solid gray; /* ramka */
border-radius: 5px; /* narożniki */
}
/* po najechaniu wskaźnikiem myszki */
button.button-add:hover{
background: lightblue; /* kolor tła */
color: white; /* kolor tekstu */
}

Zamiast white , lightblue itp możecie dać inny angielski kolor.
Efekt :

5e2c6849000c27c052ea7966.png


~ Lodo
 

wikii1.2.3
 
Violetta & Zestawy & Ikonki & Kody CSS: Mam dla was Kod CSS na powiększenie okna kodów CSS
Oto kod:

.user-style-set .vertical{
text-align: left;
padding-left: 1em;
}

.user-style-set .textarea-bg{
background: none;
width: auto;
height: auto;
border: 1px solid #579CC3;
border-radius: 3px;
}

.user-style-set #user-style-content{
width: 488px;
height: 360px;
min-height: 90px;
resize: vertical;
}

A tak to wygląda po zmianie :

bandicam 2014-02-18 19-50-33-062.jpg


~ Lodo
 

 

Kategorie blogów