023. Instrukcja na chatbox + nagłówek

Postanowiłam dodać instrukcję, jak stworzyć własny, wysuwany chatbox. Jest to dość proste, jednak jeden mały błąd i nic z tego nie wyjdzie, więc uważajcie, bo może to czasem wyprowadzić kogoś z równowagi.

Informacje: komentarze już działają, ale niestety poprzestawiały się inne rzeczy... Już nie mam do tego siły. Wszystko mnie już denerwuje w htmlu i cssie. Nie mam na nic czasu. Zaniedbuję wszystko. Ojej, przepraszam.

nagłówek

Krok 1
Należy założyć tutaj konto. {klik} Jest to bezpieczne, bez obaw. Potrzebne jest to do pobrania kodu oraz edycji naszego chatboxa.

Krok 2
Kliknij na tamtej stronie "Look&Fell", następnie "Layout options", a później "Publish!"

Krok 3
Wejdź do arkusza CSS i wklej ten kod na samej górze:
<link href='http://fonts.googleapis.com/css?family=Codystar'
rel='stylesheet' type='text/css'>

Krok 4
Wejdź do html'u i wklej po komendzie: "<style type=”text/css”>" to:

#cboxdiv {
z-index: 9999;
position: fixed;
bottom: -300px;
left: 20px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#cboxdiv:hover {
bottom: 0px;
}

#cboxtitle {
text-align: center;
font-size: 20px;
font-family: codystar;
letter-spacing: 8px;
color: #fff;
text-shadow: 1px 1px 1px #fff;
width: 180px;
background-color: #aaa;
padding: 3px 5px 5px 5px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

Krok 5
Ten kod wklej po </head>:

<div id="cboxdiv">
<div id="cboxtitle">CHATBOX</div>YOUR CBOX CODE
</div>

tutaj gdzie pisze YOUR CBOX CODE wklejasz kod ze strony gdzie wcześniej się logowałeś/aś. Linijkę na czerwono należy wyciąć
Tak ma to wyglądać:

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="190" height="225" src="http://www4.cbox.ws/box/?boxid=4227283&amp;boxtag=xytgt&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4227283" style="border:#340001 1px solid;" id="cboxmain4-4227283"></iframe></div>
<div><iframe frameborder="0" width="190" height="75" src="http://www4.cbox.ws/box/?boxid=4227283&amp;boxtag=xytgt&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4227283" style="border:#340001 1px solid;border-top:0px" id="cboxform4-4227283"></iframe></div>
</div>
<!-- END CBOX -->

010. Szablony, instrukcja i koloryzacja.

 21 III 2013r.   

Ostatnio zrobiłam dwa nagłówki, takie wiosenne, mając nadzieję, że wiosna niebawem zawita u nas. Na razie mam dla Was jeden, w następnej notce dodam drugi. Jak w ogóle podoba się Wam szablon główny? Postanowiła już go zmienić. Pierwszy szablon znów zrobiłam z Cintią i na pewno jeszcze wiele razy zobaczycie jej twarz u mnie, bo naprawdę lubię z nią wykonywać prace. Pamiętniki Wampirów też się pojawiły, bo naprawdę przez znajomą mam sentyment do tego serialu, z resztą pewnie nie tylko ja. ;) Ostatnio oglądałam LOL, bo byłam zmuszona i kuzynka prosiła o szablon.. Instrukcja na button, taka bardzo bardzo prosta, bo ktoś prosił też jest. Na koniec jedna koloryzacja, która przygotowałam.

ps. wszystkie kody css czerpię stąd, tak dla jasności.

INSTRUKCJA NA BUTTON

nr 20

 kategoria: kobiece, kolorowe 

podgląd nagłówka

nr 21

 kategoria: kobiece 

podgląd/pobierz

nr 22

 kategoria: Pamiętniki Wampirów, mroczne 

podgląd/pobierz 

nr 23

kategoria: pary, filmowe

podgląd/pobierz 

Głosować na mnie wciąż możecie, jeśli uważacie, że na to zasługuję.

Będę wdzięczna za każdy oddany głos.

>TUTAJ<

006. Instrukcja na nagłówek w programie photoshop.

Na dzisiaj przygotowałam obiecaną instrukcję na nagłówek. Mam nadzieję, że wszystko jasno pokazałam i ktoś być może z tego skorzysta. Poniżej miniaturka gotowego nagłówka. Klikając na część pierwszą i drugą ukażą się Wam instrukcje, a niżej znajdują się materiały, których będziecie potrzebować. Jeśli ktoś skorzysta z instrukcji i stworzy taki nagłówek lub coś w tym stylu, to proszę pochwalić się swoją pracą. Chętnie je przeglądnę.

potrzebne materiały:

stock 1

stock 2

stock 3

stock 4

stock 5

stock 6

tekstura 1

tekstura 2

modelka

koloryzacja

W następnej notce szablony potterowskie! Serdecznie zapraszam. ;)

004. Tylko nieznane budzi w nas lęk...

Dziś przygotowałam dla Was szablony, bo z głosowania wynika, że właśnie w szczególności chcecie widzieć tutaj szablony. Wkrótce postaram się dodać instrukcję, bo zaczęłam już ją tworzyć, więc powinna się pojawić w najbliższej notce, bądź za dwie, jeszcze zobaczę jak będę dysponować czasem. Zapraszam do obserwowania, gdyż przez to będziecie na bieżąco, jeśli ktoś jest zainteresowany blogiem. Mam nadzieję, że szablony przypadną komuś do gustu. Pozdrowionka, do napisania!

nr.3

 kategoria: kobiece, melancholijne 

podgląd/pobierz

nr.4

 kategoria: kobiece, melancholijne 

podgląd/pobierz

instr. nr 1

WYŁĄCZANIE WERYFIKACJI OBRAZKOWEJ

Tutaj mam jeszcze drobną instrukcję, jak wyłączyć weryfikację obrazkową, czyli takie coś.

[klik]

Zauważyłam, że właśnie dużo osób ma to włączone, a moim zdaniem sprawia to tylko kłopot dla komentujących, bo np. mnie bardzo irytuje. Tak więc, by wyłączyć weryfikację należy postępować zgodnie z instrukcją:

[klik]

I na sam koniec jedna koloryzacja.
Żeby pobrać, należy kliknąć na obrazek.

Jeśli coś pobierasz z bloga, zapoznaj się najpierw z regulaminem!