Drukuj stronę - Mój skromy blog

Tytuł: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 20.04.2007, 13:35:50

Witam,
stworzyłem sobie drobnego laya, oceniajcie i krytykujcie(konstruktywnie!!!). Jest to moja pierwsza strona bez tabel(tu są divy i css), i pierwsza z jakąkolwiek grafiką.

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: ubivbehwbcvjh on 20.04.2007, 14:19:36

to jest strona?

aha.

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Phoenix on 20.04.2007, 14:43:08

ha,ha, nawet się zaśmieje

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 20.04.2007, 15:01:05

To co mam zrobić żebyście się tak nie śmiali?

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Phoenix on 20.04.2007, 15:28:05

Radze urozmaicić dodać więcej grafiki menu wstawiś w ramce itp. :)

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 20.04.2007, 18:54:05

No i mam problem z ramką dla menu, w załączniku pliki, gdzie bym nie wpisał o ramce to zawsze jakoś dziwnie wyjdzie. Umie ktoś to naprawić? Kod pewnie niezbyt profesjonalny, ale lepiej go napisać nie umiem(uczę się!). Z góry dzięki za pomoc.

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kulok on 20.04.2007, 19:54:07

Cytuj

Myślę, że o wiele lepiej byłoby takie elementy strony jak "belka" zapisywać w css -powinno to rozwiązać problem z tą "uciętą belką" (gradient_short).

PS.: (wybacz nie miałem pojęcia jak to inaczej zapisać, chyba mnie rozumiesz?)

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Whisper on 20.04.2007, 20:02:45

Niigdy nie wstawiaj na stronę plików o formacie PNG !!! , cały czas o tym mówię , kurde ludzie ile można, dawaj pliki w formacie JPG | JPEG , GIF ewentualnie, ale nie png, ten format od jpg różni się tylko tym że zachowuję przezroczystość, niczym innym .

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 20.04.2007, 20:05:19

Kulok: W jaki sposób? Nie bardzo rozumiem?
Bovver: A dlaczego nie png?

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Whisper on 20.04.2007, 20:12:54

Popatrz :
* GIF - dla rysunków składających się z mniej niż 256 kolorów, np. przyciski menu i inne "ręcznie" rysowane ozdobniki. Format ten obsługuje przezroczystość.
* JPG - dla zdjęć wielokolorowych. Nie obsługuje przezroczystości.
* PNG - pozwala zapisywać z bardzo dobrą jakością zarówno ręcznie rysowane grafiki jak i zdjęcia. Obsługuje kompresję oraz zarówno pełną przezroczystość jak i półprzezroczystość. Niestety zwłaszcza ta ostatnia własność może nie być interpretowana przez starsze przeglądarki (np. MSIE 6.0).

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kulok on 20.04.2007, 20:13:34

jako tło:

Cytuj

.xxx {
background: url('belka.png');
}

obetnij belkę do 1 px i możesz zapisywac obrazek w .png :P

Btw: Bovver .png jest polecane przez W3C :P :P :P (oczywiście zdrowe korzystanie z niego, zapisywanie wielkich, nieprofesjonalnych zdjęć wycieczkowych w formacie .png to głupstwo).

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: @Cakper on 20.04.2007, 20:15:47

Cytat: Bovver on 20.04.2007, 20:02:45

Bovver, tyle jesteś na forum, że myślałem, że takich głupot gadał nie będziesz. PNG to format bezstratny - w przeciwieńswie do jpg, warto w nim zapisywać zdjecia na których nam zależy alby przy każdym zapisie do jpg nie traciły na jakości. W stosunku do gifa obługuje o wiele lepiej przezroczystość, oraz mniej w stosunku do niego zajmuje. Ja szczerze polecam png do www, oczywiscie nie do fotek, ale do elementów graficznych świetnie się nadaje.

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Ziomioslaw on 20.04.2007, 20:17:47

Przez chwile myślałem, że Bovver jest oddanym fanem przeglądarki IE, która to ma pewnie (hehe) problemy z formatem png, ale nie - ikonkę FF widzę.

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 20.04.2007, 21:32:45

Zrobiłem jak kazaliście i... problemów ciąg dalszy, tym razem nie wiem jak wycentrować napisy(Menu i Newsy). Z góry dzięki za pomoc. PS. Nie kłóćcie się już o te PNGi, proszę!

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: marecki_ on 20.04.2007, 21:38:13

@Bovver - png od jpg różni się tylko przezroczystością? Powiedz mi - ile czasu zajęło Ci dojście do takiej teorii?

@Kapitan - poczytaj trochę kursów css, ucz się dalej. Trening czyni mistrza ;)

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: noldi on 20.04.2007, 22:03:52

Bovver kłamie ;D Nie słuchaj go, jest wręcz przeciwnie, w celach Internetowych zaleca sie używanie *.png 8)

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 20.04.2007, 23:23:44

Jak zrobić żeby tło było pod całym dokumentem? W załączniku pliki(tło jest tylko pod topem)

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: jokerwader on 21.04.2007, 00:06:10

Kod:

<center>text</center>

lub

Kod:

<align="left/center/right>text</align>

tak w kodzie html/php, jeżeli chodzi o plik css to:

Kod:

{ position: absolute(lub relative); left/top/right/bottom }

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 21.04.2007, 09:03:33

A jak zrobić tło pod całym dokumentem?

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: marecki_ on 21.04.2007, 10:21:40

CSS:

body { background: url(jakisplik.jpg/gif/png) }

lub

html { background: url(jakisplik.jpg/gif/png) }

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 21.04.2007, 11:56:08

Wtedy mam tło tylko pod topem w firefoksie!

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: domas on 22.04.2007, 12:17:04

Cytat: lethal2 on 21.04.2007, 10:21:40

CSS:

body { background: url(jakisplik.jpg/gif/png) }

lub

html { background: url(jakisplik.jpg/gif/png) }

dobrze było by dodać jescze repeat- y lub x, top,bottom, right,left, no-repeat,

np. body {background: url(tlo.png) top left repeat-y}
co oznacza że tło będzie zaczynało sie od górnego lewego rogu i powtarzane wzdłuż osi Y
no-repeat - oznacza, że tło nie będzie powtarzane

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 22.04.2007, 16:11:00

Zrobiłem jak napisałeś i bez zmian, w załączniku jak to wygląda.

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: domas on 22.04.2007, 16:27:23

Cytat: Kapitan_hak1995 on 22.04.2007, 16:11:00

Zrobiłem jak napisałeś i bez zmian, w załączniku jak to wygląda.

wywal z pliku html w znaczniku body zapis background -image, potem dodaj to w pliku css w postaci
body
{
background: url(ściezka do twojego pliku) repeat;
}
powinno pomóc, u mnie już się tło powtarza pod całym dokumentem

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kulok on 22.04.2007, 16:28:01

Podaj kody plików CSS i zwykłego po "operacjach" które zdążyłeś wykonać.

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 22.04.2007, 17:41:00

Oto te kody:

Kod:

<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
  <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
  <meta name="Description" content="Blog kapitana_haka, admina wielkiej sieci składaj±cej się z dwóch komputerów" />
  <meta name="Keywords" content="administrator, sieć, komputery, internet" />
  <meta name="generator" content="Bluefish 1.0.7"/>
  <title> [tytuł strony] </title>

  <link rel="stylesheet" href="prezentacja.css" type="text/css" />
</head>
<body style="background-image:url(tlo_1.png)">
<div id="top"><img alt="Top" id="top" src="top.png" /></div>
<div id="menu1_div">
<span id="menu_txt">Menu</span><br /><div id="nav2">
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a></div>
</div>
<div id="div_tresc"><span id="news_title">Newsy</span> <br />
<span id="news_txt">To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. </span>
</div>
<div id="menu2_div">
<span id="menu2_txt">Logowanie</span><br />
<div id="logowanie">
<form action="" method="post">
<label for="login">Login: </label> <input type="text" name="login" id="login" /><br />
<label for="haslo">Hasło: </label><input type="password" name="haslo" id="haslo" /><br />
<input type="submit" value="Wy¶lij" />
</form></div>
</div>
</body>
</html>

css:

Kod:

body { background-image: url("tlo_1.png") top left repeat-y}
#top {position:relative; padding-bottom: 0px;}
#menu_txt {font-size: 30px; text-align: center;}
#news_title {position:relative; font-size: 30px; }
#gradient_tresc {position:absolute; left: 200px;}
#menu1_div {float:left; width:150px; background-image: 

url(gradient_short.png);background-repeat: repeat-x}
#div_tresc {float:left; width: 500px; background-image: 

url(gradient_long.png);background-repeat: repeat-x}
#news_txt {position:relative;}
#menu2_div {float:left; width:150px; background-image: 

url(gradient_short.png);background-repeat: repeat-x;}
#menu2_txt {font-size: 30px; text-align: center;}
label {display: block;width: 50px;float: left;}
input, textarea {display: inline; float: left; width: 95px; border: 0px double 

green;background: transparent; color: yellow}
#logowanie {
    overflow: hidden;
    clear: both;
    margin-bottom: 0.5em;
  }
#nav2 {
background-color: silver;
border: solid 1px gray;
width: 8em
}

#nav2 ul {
list-style-type: none;
margin: 0;
padding: 0;
border: none
}

#nav2 li {
margin: 0;
padding: 0.25em 0.5em 0.25em 1em;
border-top: 1px solid yellow;
width: 100%;
display: block
}

html>body #nav2 li {
width: auto;
}

#nav2 li:first-child {
border: none
}

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: domas on 22.04.2007, 17:45:06

w pliku css napisz tak:
body { background: url("tlo_1.png") top left repeat-y}

MUSISZ USUN!AE ATRYBUT IMAGE!!!

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: marecki_ on 22.04.2007, 19:05:07

i menu wylistuj

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: Kapitan_hak1995 on 25.04.2007, 16:36:27

Wiem że odświeżam dość stary temat, ale nie udało mi się tego naprawić. Oto kody:
XHTML:

Kod:

<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
  <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
  <meta name="Description" content="Blog kapitana_haka, admina wielkiej sieci składającej się z dwóch komputerów" />
  <meta name="Keywords" content="administrator, sieć, komputery, internet" />
  <meta name="generator" content="Bluefish 1.0.7"/>
  <title> [tytuł strony] </title>

  <link rel="stylesheet" href="prezentacja.css" type="text/css" />
</head>
<body>
<div id="top"></div>
<div id="menu1_div">
<span id="menu_txt">Menu</span><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a>
</div>
<div id="div_tresc"><span id="news_title">Newsy</span> <br />
<span id="news_txt"> </span>
</div>
<div id="menu2_div">
<span id="menu2_txt">Logowanie</span><br />
<div id="logowanie">
<form action="" method="post">
<label for="login">Login: </label> <input type="text" name="login" id="login" /><br />
<label for="haslo">Hasło: </label><input type="password" name="haslo" id="haslo" /><br />
<input type="submit" value="Wy¶lij" />
</form></div>
</div>
</body>
</html>

CSS:

Kod:

body { background: url("tlo_1.png");background-attachment:fixed}
#top {position:relative; padding-bottom: 0px; background: url("top.png"); width: 800px; height: 300px}
#menu_txt {font-size: 30px; text-align: center;}
#news_title {position:relative; font-size: 30px; }
#gradient_tresc {position:absolute; left: 200px;}
#menu1_div {float:left; width:150px; background: url(gradient_short.png);background-repeat: repeat-x}
#div_tresc {float:left; width: 500px; background: url(gradient_long.png);background-repeat: repeat-x}
#news_txt {position:relative;}
#menu2_div {float:left; width:150px; background: url(gradient_short.png);background-repeat: repeat-x;}
#menu2_txt {font-size: 30px; text-align: center;}
label {display: block;width: 50px;float: left;}
input, textarea {display: inline; float: left; width: 95px; border: 0px double green;background: transparent; color: yellow}
#logowanie {
    overflow: hidden;
    clear: both;
    margin-bottom: 0.5em;
  }
#nav2 {
background-color: silver;
border: solid 1px gray;
width: 8em
}

#nav2 ul {
list-style-type: none;
margin: 0;
padding: 0;
border: none
}

#nav2 li {
margin: 0;
padding: 0.25em 0.5em 0.25em 1em;
border-top: 1px solid yellow;
width: 100%;
display: block
}

html>body #nav2 li {
width: auto;
}

#nav2 li:first-child {
border: none
}

Tytuł: Odp: Mój skromy blog
Wiadomość wysłana przez: domas on 25.04.2007, 20:24:42

W pierwszej linijce masz błąd. Zmieniłeś kod w stosunku do poprzedniej wersji ale źle. Zupełnie nie robisz tak ja Tobie podpowiadamy !!

W pierwszej linijce pliku css masz body { background: url("tlo_1.png");background-attachment:fixed}, nie masz też średnika na końcu.
a powinieneś mieć body { background: url("tlo_1.png") repeat;}

atrybut background-attachment:fixed powoduje tylko, że tło jest nieruchome w stosunku przewijanej zawartości a nie jest powtarzane i to działa ale nie w IE

teraz musi działać chyba że jeszcze coś źle zrobiłeś.
Próbuj, a jak nie to zajżyj webhelp.pl

Tytuł: Top na moją WWW
Wiadomość wysłana przez: Kapitan_hak1995 on 27.04.2007, 21:08:10

Witam,
w załączniku top na moją nową www, oceniajcie!

Tytuł: Odp: Top na moją WWW
Wiadomość wysłana przez: Ivellios on 27.04.2007, 21:16:02

strazszna pixelioza jak dla mnie to troche słabo. Gdybym wszedł wogle nastrone i zobaczył taki top to:

1. Od razu bym wyszedł z niej
2. Poszedł do ubikacji i zrobił coścosie robi po litrze wódki

Pamiętaj że top ma przedstawiać dalszą treśc strony, a gdybym nie umiał czyać to bym nic nie wiedział :) a z resztą jak strona ma być o tworzeniu stron internetowych to postaraj się troche bardziej.

EDIT:

100 post

Tytuł: Odp: Top na moją WWW
Wiadomość wysłana przez: Kapitan_hak1995 on 27.04.2007, 21:40:22

Nowy top, ten będzie chyba użyty na stronie(oczywiście po poprawkach :D)

Tytuł: Odp: Top na moją WWW
Wiadomość wysłana przez: ozziuss on 27.04.2007, 21:52:36

wygladz krawedzie tych komurek. jakos mi sie tlo nie podoba.

---
sorka za brak polskich znakow ale swierzo beryla wgralem i sie mecze z tym jeszcze :D

Tytuł: Odp: Top na moją WWW
Wiadomość wysłana przez: ubivbehwbcvjh on 27.04.2007, 23:37:02

beznadziejne te topy, mnie by odrzuciły od razu, poza tym ciężko ocenić sam top, jeszcze dałbyś tą stronę

Tytuł: Odp: Top na moją WWW
Wiadomość wysłana przez: domas on 28.04.2007, 00:31:42

co tu oceniać , sporo pracy przed Tobą :]

Tytuł: Odp: Top na moją WWW
Wiadomość wysłana przez: Kapitan_hak1995 on 28.04.2007, 08:37:15

A znacie jakieś tutki tyczące się robienia dobrych topów? Chodzi mi o takie teksty gdzie jest napisane co powinien mieć itd.

Tytuł: Odp: Top na moją WWW
Wiadomość wysłana przez: Ivellios on 28.04.2007, 10:25:00

Nikt ci nie da tutoriala jak zrobićtop na strone, bo każdy tom jest inny, tak samo jak strona (chybaże korzystasz z szablonu), robienie topu podchodzi troche podrobienie sygnaturki, z tym że top do strony musi byćbardziej przejrzysty.

Tytuł: Odp: Top na moją WWW
Wiadomość wysłana przez: noldi on 29.04.2007, 22:07:20

Z tym jest tak że top sie robi pod strone a nie strone pod top.

Tytuł: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 08.05.2007, 09:43:13

Witam,
zrobiłem sobie dziś taki layout jak w załączniku. Co w nim zmienić? Co poprawić? Co trza zrobić żeby sprawić, że ma strona będzie piękna, jak w 2.0 by rąbnięta(:D)? Starałem utrzymać się ją w jednakowej kolorystyce i się chyba udało. Chciałbym umieścić jeszcze banner allegro, gdzie to zrobić? Z góry dzięki za pomoc i oceny. PS Sorry za brak przykładowego tekstu, ale lay wyszedł dopiero z "pieca" i go nie pociąłem.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: domas on 08.05.2007, 13:55:29

Ja nie widze żadnego layout - u ??? :-\
Kombinuj dalej. Zagladaj na cssmania albo cssremix i podglądaj jaki inni robią. Może kiedyś coś sensownego zrobisz. Tylko nie kopiuj !! !! !!

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 09.05.2007, 10:51:17

Oto drugi lay, mam nadzieję że lepiej, jeśli nie to co zrobić żeby było ok?

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: domas on 09.05.2007, 10:58:16

AEwicz ,ćwicz. troche kolorystyka za jednolita i za bardzo jaskrawa.
Jak dla mnie cieńko !

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: ozziuss on 09.05.2007, 14:34:51

http://digart.pl
http://deviantart.com
http://csszengarden.com

pooglądaj jak inni tworzą strony i zrób nowy layout bo te są poniżej dna.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 09.05.2007, 18:14:44

Następny...

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: domas on 09.05.2007, 18:19:38

Jeśli stworzenie layout - u zajmuje Tobie 6h to coś nie tak. Poza tym nadal nie widać layoutu, tylko jakaś grafika niczym nie przypominająca strony www. Próbuj dalej i nie pokazuj byle czego !!

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: ozziuss on 09.05.2007, 18:44:42

chciałem naprowadzić cię na dobrą ścieżkę ale widze że ty nie bardzo chcesz nią iść. to co tu pokazujesz w żadnych stopniu nie przypomina strony www. gdzie menu? tekst? i w ogóle miejsce na tekst?

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 09.05.2007, 19:39:49

Teraz starałem robić się tak jak tam robili... Nadaje się to? :>

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: ozziuss on 09.05.2007, 20:06:20

nie nadaje się w ogóle.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: domas on 09.05.2007, 20:07:15

Nie nie nadaje się ! Pozatym wykazujesz brak konsekwencji w zaokrągleniu rogów. Tam gdzie masz napisane "menu" są one o mniejszym promieniu niź te gdzie masz napisane "Lorem Pisum". Swoją drogą powinno być Lorem Ipsum, a do tego typu tekstów służą generatory,które bardzo łatwo jest wyszukać w sieci.

Nadal nie można nazwać tego co zrobiłeś stroną www. Brakuje jakiegoś topa, nie ma przycisków , odnośników , stopki , contentu. Generalnie nie ma nic !!

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 10.05.2007, 09:58:47

A teraz?

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: domas on 10.05.2007, 10:22:39

Widać, że zaczynasz słuchać. Niestety nadal nie widać postepów jeśli chodzi o design! Nadal kiepsko.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 10.05.2007, 10:25:32

Czyli co mam poprawić?

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: ozziuss on 10.05.2007, 10:58:24

obadaj te linki:
http://www.digart.pl/zoom/831653/Portfolio_2.html
http://www.digart.pl/zoom/822505/niujuropkapital.html
http://www.digart.pl/zoom/819741/ImagoMedia_Business_Main.html
http://www.digart.pl/zoom/816486/Lexar.html
http://www.digart.pl/zoom/811999/Zespol_Szkol.html

zrób coś w tym stylu.
ponadto przeglądnij większość projektów z http://csszengarden.com

wiesz już o co chodzi?

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 10.05.2007, 11:42:01

To chyba to :)... To czerwone i pomarańczowe nad contentem to będą przyciski, tyle że zapomniałem dodać napisy.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: domas on 10.05.2007, 11:49:24

Dno. Niestety.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 10.05.2007, 11:51:29

Co jest denne?

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: domas on 10.05.2007, 11:59:04

Jeśli nie widzisz co jest denne, to albo musisz wiecej ćwiczyć i niespieszyć się tak albo dać sobie spokój.
Poprostu jest to rysunek. Nie ma żadnych szczegułów, cieni itp rzeczy . Niczym to nie przypomina strony www!!

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 10.05.2007, 12:08:05

Naprawione :->, mam nadzieje że ok

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: ozziuss on 10.05.2007, 12:16:43

nadal nie rozumiesz :/ z twojego nicku wnioskuje że masz 12 lat. czyli nic pro nie zrobisz. nie masz pojęcia o estetyce strony. :/ coś czuję że jesteś jeszcze za młody.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Izu on 02.06.2007, 00:03:32

Ozzius wiek nie musi mieć do rzeczy, no ale może.
Co do tematu, zmień nazwę, to coś, co nazywasz layoutami, nie są nawet web 1.0 a ty wyskakujesz z 2.0
Dam ci rade popatrz na pracę innych użytkowników, rób węższe ale za to dłuższe laye, dawaj przykłady tekstów, delikatne kolory. No i ćwicz.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 22.06.2007, 14:09:08

Po długiej przerwie :). W załączniku kolejny raz, tym razem na serwis o C++. Mam nadzieję że wam się bardziej spodoba :). Oceniajcie w skali 1-10.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Ziomioslaw on 22.06.2007, 14:14:03

Masz złe wcięcia w tych programach w logo - właściwie fragmentach:P
Powinno być:

Kod:

if ( sfsf )
{
    sdskdjk()
}

Kod się co prawda skompiluje, może nawet zadziała, ale uczyć trzeba się od razu poprawnego kodowania.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 22.06.2007, 14:22:05

Ale to nie ma działać :). To ma wyglądać :D.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: eso on 22.06.2007, 14:26:29

nie zawiele jest tu kilka buttonów i trło suck ;/ 1

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 22.06.2007, 15:40:01

@eso: Pisz po polsku to pogadamy! www.bykom-stop.avx.pl (http://www.bykom-stop.avx.pl)

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kulok on 22.06.2007, 23:12:33

Widać, że się rozwijasz - zaczynasz używać cieni (choć narazie tylko na tekście), zaczynasz urozmaicać tło (choć narazie tylko na bannere), ale to jeszcze trochę za słabo by stworzyć świetną stronkę, "potrenuj" jeszcze, bo jak widać; dotąd się to opłacało. :P

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 23.06.2007, 10:44:45

Poprawiłem jak pisłeś :D. <aniolek>
Whoops. Zapomniałem o załączniku. Już dodaję :)

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 23.06.2007, 13:20:20

I troszkę pędzli poszło :).

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 27.06.2007, 16:32:28

No i lay na moje portfolio :).

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: ozziuss on 27.06.2007, 19:58:31

>:( stopki brak,
>:( menu zupelnie nie czytelne
>:( co to za dziwna przerwa miedzy topem a trescia?!
>:( przydalyby sie naglowki
>:( kolorystyka lezy
>:( tekst nieczytelny
>:( jak chcesz rozciegnac strone w pionie?
>:( ogolnie caly layout do wymiany

^-^

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 27.06.2007, 20:10:11

Cytat: ozziuss on 27.06.2007, 19:58:31

^-^

Hehe, to chyba tu nie pasuje *_*

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 28.06.2007, 10:49:59

No, a co sądzisz o tym?

P.S. Ozziuss, jak cięcie tego layouta o C++?

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: GeNeX on 29.06.2007, 15:19:56

Widać dużą poprawę, ale ja ten tekst w news, przesunąłbym trochę w dół <aniolek>

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 18.07.2007, 22:31:36

Starałem się jak mogłem i jeszcze bardziej ;). Tydzień roboty :D. http://kapitan.blinkenshell.org/portfolio_grin.png

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Ivellios on 19.07.2007, 00:50:43

Już nie jest źle, ale żeby to był tydzień roboty to nie wieżę :)

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: ozziuss on 19.07.2007, 05:42:21

>:( co tłem?! przecież ludzie mają większe rozdzielczości monitorów jak 900*600px
>:( powtarzasz się z układem
>:( stopki brak
>:( jak na portfolio to TROCHE za mało

to jest raczej niedopracowany lay na bloga niż strona (portfolio)

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 22.07.2007, 17:33:17

Taki se layek na stronkę z moimi programami(na licencji GNU/GPL)... http://kapitan.blinkenshell.org/lay.png (http://kapitan.blinkenshell.org/lay.png)

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 26.07.2007, 13:52:54

(http://www.gimpuj.info/replacement.png) (http://img511.imageshack.us/my.php?image=aaaayl1.png)
Czemu nie oceniacie?

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: ozziuss on 26.07.2007, 14:46:42

bo lay jest pusty, nie skończony, nie dopracowany.

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 31.07.2007, 17:18:30

A co sądzicie o nowym w mojej galerii(http://www.gimpuj.info/index.php?action=gallery;sa=view;id=578)?

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: marecki_ on 02.08.2007, 10:48:40

Jest znośniejszy od poprzednich. Ale nadal brakuje dobrego wyczucia. Pochodź po sieci, pooglądaj profesjonalne layouty. I ćwicz :)

Tytuł: Odp: Mój web 2.0-wy layout na bloga
Wiadomość wysłana przez: SasQ on 16.10.2007, 00:48:24

Cytat: Kapitan_hak1995

(http://www.gimpuj.info/replacement.png) (http://img511.imageshack.us/my.php?image=aaaayl1.png)
Czemu nie oceniacie?

Bo nie ma za bardzo czego ;J
Ale że inni nie dają ci zbyt wiele wskazówek, to może ja coś podrzucę...

Postaraj się używać kontrastu do kierowania uwagi czytacza na właściwe treści, w kolejności według ważności. Najważniejsza dla czytacza jest oczywiście treść główna, a zaraz po niej nawigacja i logo. Do sprawdzania kontrastów warto używać podglądu w odcieniach szarości, bo wtedy dobrze widać różnice w intensywności kolorów.

Prostokąty z tekstem dałeś szare na białym tle, jednak te ciemniejsze obszary są o wiele większe od jasnych. Oko będzie więc miało skłonność skupiać się na tych małych jasnych fragmentach, zamiast na tekście. Odwrotny układ kolorów powinien dać lepszy efekt.

Nie używaj teł, które mają dużą dynamikę kolorów [rozpiętość między jasnymi i ciemnymi odcieniami], bo zgubisz kontrast z tekstem. Używaj stonowanych teł. Jeśli już koniecznie ma być obrazek w tle, niech będzie jedynie lekko widoczny, tak żeby nie rozpraszał czytania tekstu.

Projektując layouty pamiętaj o tym, że to nie obrazek, tylko layout strony, więc musi być przygotowany na rozszerzanie się zależnie od ilości tekstu. Najważniejsze jest rozszerzanie w pionie, zgodnie z kierunkiem przepływu treści. Rozszerzanie na szerokość może być korzystne, jednak nie przesadzaj z rozpiętością linii tekstu, bo trudno się będzie czytać. Unikaj scrollowania w poziomie.

Jeśli chodzi o dobór kolorów, to poczytaj trochę o teorii kolorów i kole barw. Na początek warto wybierać kolory leżące obok siebie na kole barw, bo na pewno będą pasować i trudno będzie je popsuć ;P Dla elementów, które mają mocno kontrastować, używaj zmiany wartości koloru [jasności], albo weź kolor dopełniający, czyli leżący dokładnie naprzeciwko twojego głównego koloru na kole barw.

Unikaj ostrych i tandetnych "plastikowych" gradientów. Przyjrzyj się ładnym gradientom stosowanym w layoutach fachowców.

Nie rób obszarów o jednolitym kolorze różniących się drastycznie kolorem [np. dwóch kolorów dopełniających obok siebie], bo będą się gryźć i "wibrować". Jeśli już koniecznie musisz to zrobić, zrób między nimi jakąś ramkę, która zapewni łagodniejsze przejście z jednego koloru w drugi. Możesz też kłaść obok siebie kolory, które są obok siebie w kole barw, wtedy nie będą się gryźć.

Staraj się trzymać spójną kolorystykę i motywy graficzne na całej stronie.

Nie przesadzaj z niepotrzebnymi ozdobnikami. Komunikuj, nie dekoruj.

A co do tematyki strony... Jeśli na C++ znasz się tak samo, jak na tworzeniu layoutów, to może przemyśl jeszcze ten temat i poszukaj czegoś, na czym znasz się lepiej ;J Internet dużo bardziej na tym skorzysta ;J

Tytuł: Layout mojego bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 23.04.2008, 19:00:38

Oceniajcie ;)
(http://www.gimpuj.info/gallery/thumb_941_23_04_08_6_55_51.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=14506)
Jest to layout mojego bloga(jeszcze nie pocięty, tekst będzie wyjustowany). Co nim myślicie? Co w nim poprawić? Z góry dzięki za oceny. k_h <ninja>

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: szujak on 23.04.2008, 19:41:07

Nie podoba mi się :(. Bardzo pusto, menu wykonane bardzo niestarannie. Popracuj jeszcze trochę :).

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: Czeslavo on 23.04.2008, 19:44:17

Wszystko tak samo jak przedmówca, jeszcze dodam, że logo jest brzydkie. Takie jakieś niestaranne te litery.

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 24.04.2008, 14:53:19

Cytat: szujak on 23.04.2008, 19:41:07

Nie podoba mi się :(. Bardzo pusto, menu wykonane bardzo niestarannie. Popracuj jeszcze trochę :).

Co dokładniej mam poprawić w menu?
Dodaję jeszcze jeden layout:
(http://www.gimpuj.info/gallery/thumb_941_24_04_08_11_05_11.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=14561)

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: szujak on 25.04.2008, 22:30:34

Jak na bloga, to tło może być, ale zmień koniecznie czcionki, ponieważ te zupełnie tutaj nie pasują.

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 26.04.2008, 09:28:28

Cytat: szujak on 25.04.2008, 22:30:34

Jak na bloga, to tło może być, ale zmień koniecznie czcionki, ponieważ te zupełnie tutaj nie pasują.

Tło to nie moje dzieło ;).
Oto nowa wersja: (http://www.gimpuj.info/gallery/thumb_941_25_04_08_4_50_16.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=14566)

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: szujak on 26.04.2008, 10:54:43

Dalej czcionki nie pasują ;/. Poszukaj jakiś czcionek.
http://www.google.pl/search?q=czcionki&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a (http://www.google.pl/search?q=czcionki&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a)

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 26.04.2008, 16:02:36

(http://www.gimpuj.info/gallery/thumb_941_26_04_08_2_19_32.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=14624)
Nie mogę jednak jakoś dobrać czcionek, i wiem że mogłoby być lepiej. Mógłbyś dać jakieś propozycje?

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: Gorn on 26.04.2008, 16:27:16

Spróbuj z jedną z tych czcionek (załącznik).

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: Ravicious on 26.04.2008, 17:27:50

Ten layout Księga za pusty i za dużo waży.

BTW Zamierzasz pisać bloga w XHTMLu czy jak?

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 26.04.2008, 19:03:00

Cytat: rav on 26.04.2008, 17:27:50

Ten layout Księga za pusty i za dużo waży.

BTW Zamierzasz pisać bloga w XHTMLu czy jak?

Jasne że w XHTMLu. Jakoś to potnę :P.
Nju werszyn:
(http://www.gimpuj.info/gallery/thumb_941_26_04_08_7_09_33.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=14634)

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: KrzychuZ on 26.04.2008, 19:28:54

Nawet fajne, tylko że będziesz musiał wstawić suwak, tam gdzie będą notki czy tam newsy.

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 26.04.2008, 19:51:07

Cytat: furion on 26.04.2008, 19:28:54

Nawet fajne, tylko że będziesz musiał wstawić suwak, tam gdzie będą notki czy tam newsy.

No, z suwakiem to akurat nie problem ;). Czekam na następne opinię i cieszę się że ci się podoba.

Tytuł: Odp: Layout mojego bloga
Wiadomość wysłana przez: Kapitan_hak1995 on 26.04.2008, 21:34:21

Takie cuś wymodziłem:
(http://www.gimpuj.info/gallery/thumb_941_26_04_08_9_32_22.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=14643)
To na boku to coverFlow(będzie się powiększać element na który najedzie się myszką).

Polskie Forum Użytkowników GIMP-a

Galerie => Webdesign => Wątek zaczęty przez: Kapitan_hak1995 on 20.04.2007, 13:35:50