Skocz do zawartości

Witamy w Nieoficjalnym polskim support'cie AMX Mod X

Witamy w Nieoficjalnym polskim support'cie AMX Mod X, jak w większości społeczności internetowych musisz się zarejestrować aby móc odpowiadać lub zakładać nowe tematy, ale nie bój się to jest prosty proces w którym wymagamy minimalnych informacji.
  • Rozpoczynaj nowe tematy i odpowiedaj na inne
  • Zapisz się do tematów i for, aby otrzymywać automatyczne uaktualnienia
  • Dodawaj wydarzenia do kalendarza społecznościowego
  • Stwórz swój własny profil i zdobywaj nowych znajomych
  • Zdobywaj nowe doświadczenia

Dołączona grafika Dołączona grafika
Guest Message by DevFuse
 

Zdjęcie
HTML

Ikona Kolo Paska Adresu WWW

Temat rozp. Kusek , 15.05.2010 23:06
HTML

  • Zamknięty Temat jest zamknięty
5 odpowiedzi w tym temacie

#1 Kusek

    z Wikipedii

  • Power User

Reputacja: 446
Wszechobecny

  • Postów:1 655
  • Imię:Krystian
Offline

Napisano 15.05.2010 23:06

Witam tutaj pokażę wam jak zrobić obrazek koło adresu WWW :)

Krótki wstęp :)

Favicon to niewielka ikona w postaci pliku graficznego o rozmiarach 16×16px, która pojawia się:
- w polu adresowym przeglądarki internetowej przed adresem
- na karcie w przeglądarce internetowej
- w zakładkach ulubionych

Dzięki faviconie odróżnimy naszą stronę wśród standardowych icon stron i zwrócimy uwagę internautów. Favicony nie są stosowane nagminnie więc zastosuj ją póki nie zrobiła tego twoja konkurencja. Zrobieniu favicona nie poświęcimy zbyt wiele, a możemy zyskać całkiem sporo.


Zaczynajmy :)

Obrazek powinien mieć 16 x 16 pikseli, jeśli mamy gotowy obrazek postępuj zgodnie z pkt1, jeśli nie masz obrazka idź pkt2 :)
1. Wchodzimy na stronę
Favicon Generator
Klikamy przeglądaj, wybieramy nasz obrazek i czekamy aż wygeneruje nam plik inc.
Jeśli nam już wygenerował, pobieramy go wrzucamy na nasze FTP może być bez folderu lub np. do folderu image.
Potem w index'ie dodajemy linijkę (musi być w <HEAD>)

<head>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>

lub

<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>

I mamy gotowy obrazek :)


2. Wchodzimy na stronę
Favicon Generator
Idziemy do zakładki
Editor
Robimy własny obrazek i klikamy 
Create Favicon
Jeśli załadowała się następna klikamy w
Download the generated favicon
by pobrać nasz obrazek, potem wgrywamy go na FTP, a w index'ie dopisujemy (w <HEAD>)


<head>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>

lub

<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>


Myślę że komuś się przyda ten poradnik, proszę go nie kasować :)

Poradnik z tworzony przez Frajer z Wikipedii

Użytkownik Frajer edytował ten post 15.05.2010 23:08

  • +
  • -
  • 3

#2 Prowok@tor

    Zaawansowany

  • Użytkownik

Reputacja: 11
Początkujący

  • Postów:114
  • Lokalizacja:Nieznana
Offline

Napisano 15.05.2010 23:55

No ładnie napisany :)
czasami jak patrze na wasze Poradniki to mysle ze niedlugo Braknie wam pomysłów :)
  • +
  • -
  • 0

#3 V!p3r

    Zaawansowany

  • Użytkownik

Reputacja: 13
Początkujący

  • Postów:90
  • Steam:steam
  • Imię:Tomek
  • Lokalizacja:Bojanowo
Offline

Napisano 11.03.2011 23:02

Nie musi być w .ico.. Może być jeszcze w .gif.. Animacje można nawet używać :)
  • +
  • -
  • 0

#4 fdszpl0

    Pomocny

  • Użytkownik

Reputacja: 0
Nowy

  • Postów:69
  • Lokalizacja:Kraków
Offline

Napisano 11.04.2011 10:18 

<link rel="shortcut icon" href="favicon.ico" />
tyle wystarczy
  • +
  • -
  • 0

#5 BoB0_

    Wszechpomocny

  • Użytkownik

Reputacja: 38
Życzliwy

  • Postów:365
  • GG:
  • Lokalizacja:Przemyśl
Offline

Napisano 30.04.2011 12:29

Do jakiego pliku dokładnie to mamy wkleić?

Ja wrzuciłem do index.htm

Oto kod: 
<html>
<head>
<title>subSilver created by subBlue Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>

<body bgcolor="#FFFFFF" text="#000000">

<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td align="center" valign="middle"><a href="http://www.subblue.com/" target="_new"><img src="images/created_by.jpg" width="400" height="300" alt="Created by subBlue Design" /></a></td>
	</tr>
</table>

</body>
</html>


Rzuciłem to do pliku w stylu.
  • +
  • -
  • 0

#6 SpiewaK

    Pomocny

  • Użytkownik

Reputacja: 15
Początkujący

  • Postów:61
  • GG:
  • Imię:Emil
  • Lokalizacja:Białystok
Offline

Napisano 30.04.2011 12:52

czekamy aż wygeneruje nam plik inc.


Inc = Include

popraw na ico ;)


Prosto i na temat dla początkujących. Gratuluję!

@BoB0_ wstaw to do overall_header.tpl

Użytkownik SpiewaK edytował ten post 30.04.2011 12:53

  • +
  • -
  • 0
Wróć do Tutoriale



Również z jednym lub większą ilością słów kluczowych: HTML

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych

Coinsy CSGOPolygon Za SMS, PSC , Przelew - CoinSell.pro
Skiny do CS:GO za SMS, PSC, Przelew - CSGOPaka.com
Automatyczny Bot Levelowania Steam - LVLUPSteam.com
CSGO Gambling Sites and Free Betting Codes - DreamCodes.gg
  1. AMXX.pl: Support AMX Mod X i SourceMod
  2. → Inne
  3. → WWW
  4. → Tutoriale
  5. Regulamin