Jump to content
  • Announcements

    • Xmat

      Pravidlo pro postování v TTT

      Do sekce Tipy, triky, tutoriály nepatří žádné dotazy.   Postujte sem vaše návody, tipy a různé další věci jež uznáte za vhodné sdělit zdejšímu osazenstvu, ale veškeré dotazy směřujte do sekce Všeobecná diskuse.
    • Replik

      Seznam návodů a důležitých témat v této sekci

      Pro lepší přehlednost jsem vytvořil tento seznam, který vás, méně zkušené, lépe provede touto sekcí. Věřím, že zde najdete, co hledáte. Vypsané jsou návody, které jsou oficiálně uznané jako návody. Běžné diskuze, které neposkytují postupy a rady zvěřejněny nejsou.   Instalace vlastního MaNGOS Serveru Díky těmto návodům budete (měli by jste být) schopni vytvořit a následně spustit váš vlastní server. Nastavení je pro verze s i bez datadisku.   Instalace MaNGOS Serveru (bez datadisku TBC) - Autor Benny Instalace MaNGOS Serveru (s datadiskem TBC) - Autor Malfik Instalace MaNGOS Serveru v prostředí Linux - Autor charlie Instalace MaNGOS Serveru v prostředí Linux - Autor kupkoid   Chyby a jejich řešení při přihlašování k serveru - Autor Cybe   Zálohování uživatelských dat   Dávkový soubor (BAT soubor) pro vytvoření SQL záloh - Autor Replik   Kompilování - tvoření vlastních release (revizí)   Tvorba kompilací pro Win32 (MangoScript) - Autor bLuma   Ostatní - těžko zařaditelné, ale neznamená to, že nejsou dobré   VIP Systém - Autor charlie Tvorba Webových stránek pro MaNGOS - Autor zahuba Tvorba teleportačních NPC (MangoScript) - Autor Replik Registrační web (původně předělaná SPORA) Funkční pro Antrix i MaNGOS - Autor Replik Nastavení a spuštění Minimanager pro MaNGOS - Autor BlackMartin Nastavení MaNGOS Website - Autor Artorius   Samozřejmě jsou zde i jiné návody, ale tyto jsou nejvíce používané, proto věřím, že vám budou nápomocné. Tuto sekci budeme upravovat podle potřeby. Pokud by jste něco nenašli nebo si nevěděli rady, hledejte na fóru a teprve potom založte vlastní topik. Pokud nějaký autor vytvoří kvalitní návod a chtěl by ho zveřejnit i v tomto seznamu, doporučuji, aby mi napsal zprávu skrze PM.   Díky a přeji hezký den na WoWResource   Replik
    • Aristo

      Příspěvky tam, kde nemají co dělat

      Dodržujte zákaz přispívání do topiků s repaky pokud si to zakladatelé nepřejí!! Opakované psaní příspěvků bude trestáno warnem.
    • Aristo

      Používání spoilerů

      Poslední dobou má většina uživatelů fora zvláštní nutkání postovat extrémně dlouhé texty nebo kódy, které zabírají v nejedenom případu i 80% obsahu celé stránky a hodně tak zvedají nepřehlednost v topiku. Chtěl bych všechny uživatele požádat, aby při postování citací, jakýchkoliv kódů, errorů, atp... delších než 30 řádků používali funkci spoileru.   Funkci vyvoláte příkazem [spoiler] text [/spoiler]   Ukázka:  
Sign in to follow this  
Sareth

[Návod] Jak udělat vlastní grafiku pro php script

Recommended Posts

Možná byste si chtěli sami udělat grafické ztvárnění pro své scripty, tak jsem sepsal návod.

 

Máte nějaký php script dejme tomu třeba ban list

POSTUP:

 

1. Najdeme si nejaky obrazek ktery bychom tam mohli vlozit. Ukazky obrazku najdeme ZDE

2. Upravíme jeho velikost např. v Adobe Photoshop CS2. Rozměry budou 600 x 678.

3. Otevřeme si náš php script a vložíme do něj tohle

<br><br><br>
<link href='style4.css' rel="stylesheet">
<?

- A script bude vypadat následovně:

<?php

mysql_connect("127.0.0.1","root","pass");
mysql_select_db("realmd");

$sqldata = mysql_query("SELECT `account`.`last_ip`,`ip_banned`.`bandate`,`ip_banned`.`unbandate`,`ip_banned`.`bannedby`,`ip_banned`.`banreason` FROM `account` INNER join `ip_banned` ON `account`.`last_ip`=`ip_banned`.`ip`");

echo "<table border=2>";
echo "<tr><th>IP</th><th>OD</th><th>DO</th><th>BANOVAL</th><th>DUVOD</th></tr>";

while($row = mysql_fetch_array($sqldata))

{

   $start = Date('d-m-Y H:i:s',$row[bandate]);
   $end = Date('d-m-Y H:i:s',$row[unbandate]);
   

   echo "<tr><td>$row[last_ip]</td> <td>$start</td> <td>$end</td> <td>$row[bannedby]</td><td>$row[banreason]</td></tr>";

}

echo "</table>";

?>
<br><br><br>
<link href='style.css' rel="stylesheet">
<?

 

4. Otevřeme si notepad a vložíme do něj tohle:

 

a {
  color: #ffff00;
  text-decoration: none;
  }
a:hover {
  color: white;
  text-decoration: none;
  }
body {
  background-image: URL('nazevobrazku.jpg'); // Jméno obrázku pod kterym jste ho uložili
  background-repeat: repeat-x;
  background-color: #171717; //Barva pozadí pod grafikou
  color: yellow; //Barva písma př. red. blue,...
  text-align: center;  //zarovnání př. center, right,..
          font-family: Verdana, Helvetica, sans-serif, Arial, Geneva;  //Typ písma. Pokud chcete Arial vložte to tam takhle Arial, Helvetica, sans-serif, Verdana, Geneva

          font-size: 10px;} //Velikost písma v pixelech

table     {font-size: 10px;} //velikost písma v pixelech

table.nadpis    {font-size: 18px;
        font-weight: normal;
        color: yellow;
        align: center;}

div#hlaska    {font-size: 14px; //Velikost písma
        font-weight: bold;  //styl vrchního řádku: tučné písmo
        color: yellow;  // Barva písma
        align: center;} //Zarovnání

<div align="center">
  <table border="0" width="600" height="678" bgcolor="black">
    <tr>

 

5. Uložíme ho jako style.css a vložíme ke scriptům. NOTE: Smažte tam tohle // je to tu jen pro návod

6. Hodíme do C:/xampp/htdocs/ Měly by tam být: script pro banlist.php, obrazek, style.css

7. Ukázka:

post-5386-1210337332_thumb.jpg

 

8. Vy byste to meli najit pod http://vaseip/banlist.php - zalezi na nazvu scriptu, ovsem nezpomente na .php

 

NOTE: Doufám, že Vám to pomůže. Kdyby jste meli nejakou připomínku nebo zjednodušení, tak to sem postnete.

Edited by Sareth
  • Upvote 1

Share this post


Link to post
Share on other sites

Pěkná práce. Myslím sice,že většina lidí si počká,až někdo udělá grafiku,a poste ji sem,a ten dotyčný si ji potom stáhne... Ale pro tu menší část lidí se to určitě hodí:) Já osobně děkuju,určo využiju,a ne jen pro scripty na WoWku:) GJ

 

EDIT:Tohle by se mohlo i vyvěsit,co myslíte :)

Edited by chechtula

Share this post


Link to post
Share on other sites

No, jako hrubé nastínění to stačí, ale ještě by to pár úprav sneslo ;)

Ale vyvěšuji :P

Share this post


Link to post
Share on other sites
No, jako hrubé nastínění to stačí, ale ještě by to pár úprav sneslo ;)

Ale vyvěšuji :P

No proto :mid_bow_arrow: Jináč,myslím,že jako základ to stačí... Klidně sem ještě někdo může přeci něco dopsat,popřípadě se někdo tohoto chytne,a další se naučí sám :mid_pickaxe: (opět mluvím ale o menšině populace na tomto foru :D )

Share this post


Link to post
Share on other sites
Pěkná práce. Myslím sice,že většina lidí si počká,až někdo udělá grafiku,a poste ji sem,a ten dotyčný si ji potom stáhne... Ale pro tu menší část lidí se to určitě hodí:) Já osobně děkuju,určo využiju,a ne jen pro scripty na WoWku:) GJ

 

No, to jsou ti lenoši. Ale me se třeba ptalo hodně lidí jak se tam dělá ta grafika, ale možná, že jsem narazil na ty badatelske typy :P

 

No, jako hrubé nastínění to stačí, ale ještě by to pár úprav sneslo ;)

Ale vyvěšuji :P

 

Díky za vyvěšení :). Jaké např. úpravy?

Share this post


Link to post
Share on other sites
Jaké úpravy?? To víš,Axxxinka je stále nespokojená :D No,jak jsem písal,komu zde něco chybí,může to sem dopostnout:) Že,Axxxi? :)

 

mno... možna bych to mohl zjednodušit, ale nwm jetli to pujde. Du to testovat..

Share this post


Link to post
Share on other sites

V zásadě by to šlo shrnout do několika vět :)

 

V zásadě si vytvoříte klasickou html stránku, můžete samozřejmě použít i css (bude to celkově výhodnější, to si povíme zachvilku)

Řekněme, že máme nějakou stránku, (teď použiju třeba tu, co jsem sem dávala jako šablonu, předem omluvte, že je to trošku sprasené, ale jenom v některých ohledech :))

 

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1250">

<meta name="generator" content="PSPad editor, www.pspad.com">

<link rel="stylesheet" href="style.css" type="text/css">

<!--[if IE]>

<link rel="stylesheet" href="ie.css" type="text/css">

<![endif]-->

<title>Free Wow Server</title>

</head>

<body>

<center>

 

 

<div id="page" align="center">

<!--<div id="bg"> -->

<!-- </div> -->

<div id="bg">

 

<div id="top">

</div>

 

<div id="menu">

<p><a href="index.html">Home</a> <a href="online.php">Online</a> <a href="register.php">Registrace</a> <a href="#">Download</a> <a href="#">Odkazy</a> <a href="#">Další odkazy</a></p> <p> <a href="#">Další odkazy</a> <a href="#">Další odkazy</a> <a href="#">Další odkazy</a></p>

</div>

 

<div id="middle">

<h1>Registrace</h1>

<?php

if (empty ($_REQUEST))

{

?>

<center><p><font color="red">Pozor: nepoužívejte české znaky, pokud si nejste jistí, že je v databázi nastavené správné kódování - pokud není, váš účet nebude fungovat.</font></p>

<table>

<form method="post" action="register.php">

<tr><td>Login:</td><td><input type="text" name="login" size="39"></td><td><font color="red">*</font></td></tr>

<tr><td>Heslo:</td><td><input type="password" name="pass" size="39"></td><td><font color="red">*</font></td></tr>

<tr><td>Heslo znovu:</td><td><input type="password" name="pass2" size="39"></td><td><font color="red">*</font></td></tr>

<tr><td>Typ účtu:</td><td><select size="1" name="tbc"><option>World of Warcraft</option><option selected>World of Warcraft: The Burning Crusade</option></select></td><td><font color="red">*</font></td></tr>

<tr><td>Email:</td><td><input type="text" name="mail" size="39" value="@"></td><td><font color="red">*</font></td></tr>

<tr><td>Souhlasím s <a href="pravidla.html">pravidly</a>:</td><td><input type="checkbox" name="agree" value="ON"></td><td><font color="red">*</font></td></tr>

<tr><td colspan=3><input type="submit" value="Odeslat" name="send"></td></tr>

</form>

</table>

</center>

<?php

}

else

{

include 'config_reg.php';

 

if($error==1){echo '<center><p>Nepodařilo se přihlásit do databáze! Server je zřejmě offline!</p></center>';}

else{}

 

if (empty ($_REQUEST['login']) or empty ($_REQUEST['pass']) or empty ($_REQUEST['pass2']) or empty ($_REQUEST['mail']))

{echo 'Musíte vyplnit všechna požadovaná pole!<br>';}

else

{

 

if($_REQUEST['agree']=='ON')

{

$getAccount = mysql_query("SELECT UPPER(`username`) as `name` FROM account WHERE UPPER(`username`) = UPPER('$_REQUEST[login]')");

$account = mysql_fetch_array($getAccount);

 

$LOGIN = strtoupper($_REQUEST['login']);

if($account['name']==$LOGIN){echo 'Tento login už je zaregistrovaný. Zkuste jiný.<br>'; $log = 0;}

else{$log = 1;}

 

if($_REQUEST['pass']!=$_REQUEST['pass2']){echo 'Vámi zadaná hesla se neshodují! Hesla se musí shodovat!<br>'; $pas = 0;}

else{$pas = 1;}

 

if($_REQUEST['tbc']=='World of Warcraft: The Burning Crusade' and $tbc_allowed == '1'){$tbc = 1;}

else{$tbc = 0;}

 

if($log == '1' and $pas == '1')

{

$sql = mysql_query("INSERT INTO `account` (`username`,`sha_pass_hash`, `email`, `tbc`) VALUES (UPPER('$_REQUEST[login]'), SHA1(CONCAT(UPPER('$_REQUEST[login]'),':',UPPER('$_REQUEST[pass]'))), '$_REQUEST[mail]', '$tbc');"); echo'<center>registrace hotova</center>';

}

else{echo 'Registrace se nezdařila!';}

}

else{echo 'Musíte souhlasit s pravidly!';}

 

}

 

}

?>

</div>

 

<div id="bottom">

</div>

 

</div>

 

</div>

 

 

 

</center>

</body>

</html>

 

A tady ještě css kód, využívaný k formátování stránky (ještě bych k tomu měla přidat verzi pro internet explorer, má trošku jiné formátování, ale na ukázku to není potřeba)

 

.online {
     border-bottom: black dotted;
     border-bottom-width: thin;
     border-right: black dotted;
     border-right-width: thin;
     }
.online2 {
     border-bottom: black dotted;
     border-bottom-width: thin;
     }
#bg   {
     background-image: URL('images/middle.jpg');
     width: 1202px;
     z-index: -1;
     }
h1    {
     margin-top: 0px;
     padding-top: 0px;
     font-family: Monotype Corsiva;
     text-decoration: underline;
     }
#menu p {
     margin-top: 0px;
     margin-bottom: 5px;
     }
body  {
     background-color: black;
     font-family: Monotype Corsiva, Verdana;
     font-size: 20px;
     }
#page {
     top: 0px;
     }
#top {
     background-image: URL('images/top_logo.jpg');
     margin-top: -10px;
     width: 1202px;
     height: 213px;
     }
#menu {
     background-image: URL('images/top_menu.jpg');
     width: 1202px;
     height: 80px;
     padding-top: 30px;
     text-align: center;
     vertical-align: middle;
     z-index: 0;
     }
#menu a{
     display: inline-block;
     display: -moz-inline-box;
     background-image: URL('images/button.jpg');
     width: 123px;
     height: 28px;
     text-align: center;
     padding-top: 4px;
     padding-bottom: 0px;
     padding-left: 10px;
     text-decoration: none;
     color: white;
     font-family: Monotype Corsiva, Impact;
     font-size: 20px;
     }
#menu a:hover{
     background-image: URL('images/button_selected.jpg');
     color: red;
     }
#middle {
     background-image: URL('images/middle.jpg');
     width: 902px;
     text-align: justify;
     padding-left: 150px;
     padding-right: 150px;
     margin-top: 0px;
     margin-bottom: -20px;
     z-index: 0;
     }
#bottom {
     background-image: URL('images/bottom.jpg');
     width: 1202px;
     height: 122px;
     }

 

 

Teď: všimněte si, že kód je rozdělen na několik bloků (<div id="neco">Obsah bloku</div>). Zelenou barvou je vyznačen html kód, červenou php kód. Samotné formátování divů je nadefinované v css souboru. Pokud chcete, aby se v určitém bloku zobrazil nějaký php script (v tomto případě registrace v bloku jménem "middle"), jednoduše do tohoto bloku tento script vložíte (nesmíte zapomenout na <?php kód scriptu ?>, ale to je asi samozřejmé). Ještě jedna věc, pokud chcete, aby se vygenerovaný text formátoval vámi zvoleným způsobem, prostě využijete příkaz echo (jak můžete vidět u Saretha, popřípadě u mě). Tady je právě zmíněná výhoda používání css - pokud byste například vygenerovali 50 záznamů a každému byste chtěli nastavit například červenou barvu a použili k tomu klasické html formátování, kód by se rozrostl na několik desítek kb...uznejte sami, že zápis <font color="red"><u><b>fdfdf</b></u></font> a já nevím kolik dalších příkazů je podstatně delší než prosté <font style="červenýATučnýTextATakyPodtržený">.

 

No a to je všechno, princip je snadný, samozřejmě, je nutné osvojit si znalost html/css kódu, ale od toho jsou už jiné stránky, do začátku se hodí například www.jakpsatweb.cz :)

 

Ještě jedna drobná poznámka, je možné docílit toho, aby se pokaždé zobrazila jiná část stránky, všimněte si například podmínky if (empty ($_REQUEST)) - pokud nepřišla žádná data pro script, zobrazí se formulář, pomocí kterého můžete tato data odeslat. Pokud nějaká data přišla, podmínka se vynechá, formulář se nezobrazí a rovnou se zobrazí zpráva o úspěchu/neúspěchu operace. :)

Share this post


Link to post
Share on other sites

ohledne toho scriptu pro vypis banned IP, tak nevite nekdo proc skoro vsechny polozky jsou pak ve vypisu 2x ?

 

EDIT: Uz vim, bylo to tim inner join.

Edited by nalimleinad

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×