Nowa seria z Mustangiem =3 !

Cześć !

Dostałam dużo wiadomości o informacji o blogu.Naprawdę zrobiło mi się miło.Wiele osób uważa, że mój blog jest bardzo pomocny c;

Do rzeczy.Jako dziecko oglądałam nałogowo Mustanga z Dzikiej doliny.

Więc łapcie prezentacje z mustangiem c;

1.Jedna ramka

HTML :

<div style='border: 1px solid rgba(0, 0, 0, 1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:900px; height:550px; background:rgba(239, 184, 89, 0) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB242j5dei-p5lYUsdF-dNwopDdCwccqWe4-9BJnLLofFjA86U26gcmA3lLGOOPPNInD9n_HdZB6QtsiiZVJBDIH_a9X3x0S5M_RtuEhi4Gps5ufuC2oSzPoFvs6Zq73_8f2btlo7kZ-c/s1600/spiritprez.png) repeat ; background-size:100%;'></div><div style='height:517px; width:441px; margin-left:429px; margin-top:-537px; margin-bottom:20px; text-shadow: 2px 2px 2px rgba(255, 255, 255, 1); font-variant: small-caps; overflow: auto; background-color: rgba(255, 255, 255, 0); padding: 0px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: auto; font-family: Verdana; font-size: 16px; color: rgba(255, 255, 255, 1);'>Tutaj wpisz tekst</div>

2.Dwie ramki

HTML :

<div style='border: 1px solid rgba(0, 0, 0, 1); box-shadow: 5px 5px 5px rgba(0, 0, 0, 1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:900px; height:550px; background:rgba(239, 184, 89, 0) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvIXFvI0uhyphenhyphenc8_FmLv-Ma06YzdGhBtIYefAbB7KEJ9w52BLigInxA5RHAxtgppYAYtmggEj6cCil5XPOkun8D8DTcUTj-UvQDGWiB4JbjKIOGGaCFMvpAJAK7-sWhLWY2ZKKMc57T81tA/s1600/dkyf.png) repeat ; background-size:100%;'></div><div style='height:259px; width:434px; margin-left:459px; margin-top:-549px; margin-bottom:290px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); font-variant: small-caps; overflow: auto; background-color: rgba(255, 255, 255, 0); padding: 0px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: auto; font-family: Verdana; font-size: 16px; color: rgba(0, 0, 0, 1);'>Tutaj wpisz tekst</div><div style='height:259px; width:438px; margin-left:459px; margin-top:-264px; margin-bottom:5px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); font-variant: small-caps; overflow: auto; background-color: rgba(255, 255, 255, 0); padding: 0px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: auto; font-family: Verdana; font-size: 16px; color: rgba(0, 0, 0, 1);'>Tutaj wpisz tekst</div>

Proszę :)

UWAGA ! UWAGA !

Szukam osoby do bloga, ale trzeba umieć wykonywać grafikę na poziomie średnim i umieć HTML.

Papatki :*

                                            ~Spartan

Nagłówek

Cześć !

Poszukuję osoby, która wykonuję grafikę w GIMPie i jest w stanie zrobić nagłówek na bloga.

Zgłaszać się w komentarzach lub na moim profilu na howrse 

..::Spartan::.. !

Jak zrobić grafikę w GIMPIE ?

Jak wykonać ramkę do prezentacji w GIMPIE ?

Otwieramy gimpa i wrzucamy do niego wybrane zdjęcie.

Następnie wybieramy z przybornika zaznaczanie prostokątne.

Klikamy Edycja>Rysuj wzdłuż zaznaczenia.

Wybieramy grubość linii.Polecam 1,0 bo to bardzo cienka linia.

I mamy ramkę :)

Można ją przyozdobić.Ja osobiście polecam efekt cienia.

Wybieramy opcję Filtry>Światło i cień>Rzucanie cienia

Pamiętaj jednak by ramka cały czas była zaznaczona bo nie będzie można nic zrobić. 

Myślę, że wam pomogłam i będziecie korzystać z tego.

W razie jakiś problemów piszcie w komentarzach. 

 

O HTML

Znaczniki :

width - z angielskiego "szerokość”. Za pomocą tego znacznika możemy określić jaką szerokość ma mieć nasz obiekt.

 

height - z angielskiego „wysokość”. Za pomocą tego znacznika możemy określić jaką wysokość ma mieć nasz obiekt.

margin-left -  z angielskiego „margines-lewo”. Za pomocą tego znacznika możemy określić odległość naszego obiektu od czegoś znajdującego się po lewej stronie (np. lewej krawędzi obrazka).

margin-top -  z angielskiego „margines-góra”. Za pomocą tego znacznika możemy określić odległość naszego obiektu od czegoś znajdującego się wyżej (np. górnej krawędzi obrazka).

Jeśli chcesz wkleić adres URL a nie wiesz jak to jest do tego łatwy sposób :
1.Wrzucasz zdjęcie na jakąś platformę np. nk,fb.
2.Klikasz prawym przyciskiem myszy.
3.Wybierasz KOPIUJ ADRES OBRAZKA.
4.Kopiujemy i wklejamy w miejsce
(wklejamy adres url grafiki)
5.I gotowe ;) !

Jak dobrze wymierzyć TEKST do ramki ?
Proste ;)
1.Otwieramy paint.
2.Wybieramy linię.
3.Wymiarujemy wszystkie potrzebne rzeczy
Gotowe !
 
 
A oto znaczniki HTML kolorów :

black	#000000
silver	#C0C0C0
gray	#808080
white	#FFFFFF
maroon	#800000
red	#FF0000
purple	#800080
fuchsia	#FF00FF
green	#008000
lime	#00FF00
olive	#808000
yellow	#FFFF00
navy	#000080
blue	#0000FF
teal	#008080
aqua	#00FFFF

To tylko znaczenia. Teraz zaczyna się już problem.

Kod HTML nie jest straszny ;)

PAMIĘTAJ

Nie usuwaj okrągłych nawiasów ()

Usuwaj nawiasy klamrowe {}

Kod na 1 ramkę z wyjaśnieniem :

<div style="background-image:url(wklejamy adres url grafiki); width: {szerokość obrazka}px;  height: {wysokość obrazka}px; color: rgb(0, 0, 0); overflow: auto; margin-top: 0px; margin-left: 0px;">
<div style="margin-left: {odległość ramki od lewej krawędzi obrazka}px; width: {szerokość ramki}px; height: {wysokość ramki}px; overflow: auto; ; margin-top: {odległość od górnej krawędzi obrazka}px;"><font color="kod koloru z palety RGB"><font size="1"><font face="nazwa czcionki">Tekst</font></font></div></div>

Helou ^^

Oto nowy blog o howrse i grafice na niej.

Z racji, że dużo osób chce robić grafikę tutaj pokaże wam jak się ją robi.

Ale nie tylko grafika.Oczywiście newsy z howrse będą tutaj komentowane.

Opowiem troszkę o mnie.

Będę podpisywać się ..::Spartan::.. bo taki nick mam na howrse.

..::Spartan::..

Jestem dziewczyną i kocham konie <3 

Chyba tyle wystarczy xD

Ciau :* !