ugrás a tartalomhoz

Html Css design átalakitása Php Scriptre

csajkas · 2012. Aug. 7. (K), 18.06
Hello.

Van egy öreg scriptem 2008as( hasonló a portálhoz: regisztráció, statisztika, fizetés stb funkcióval ), de elég régi már a dizájn ezért kerestem új kinézeteket. Sajnos ami direkt rá lett kifejlesztve az több száz dollárokba kerül. De találtam jó ingyenes Html dizájnokat html oldalakhoz teljes forráskóddal és CSS-el.

Html és CSS-ben eligazodok de a Php-val vannak a gondok. Nem tudom rászabni az oldalra.

Ötletek,hogy hol találhatók ilyen leirásokat az átdizájnoláshoz? Vagy vélemények,hogyan is induljak neki?

Elöre is köszönöm.

Üdv
Csajkas
 
1

Generálás

Poetro · 2012. Aug. 7. (K), 19.02
A PHP-val HTML-t generálsz. Már csak olyan HTML-t kell generálni, ami a CSS-hez kell. Mivel valószínűleg egy templatekezelőt használsz, így nem kellene nagy problémának lennie az átírni a megfelelőre. Ha nem, akkor előbb mindenképpen azt kellene előbb meglépni.
2

Generálás

csajkas · 2012. Aug. 8. (Sze), 09.43
Ha arra gondolsz,hogy megnyitottam e a .tpl file-kat, válaszom igen. Körülbelül át is néztem azoknak. Az egyetlen probléma ami jelenleg blokkol az,hogy nem tudom az oldalt szélesíteni. Nem találom a CSS-ben az erre vonatkozó parancsot. A html design pedig széllesebb a régi kinézettől minimum 60-100px-el. Így akármilyen képet cserélek le nem jelenik meg semmi csak az üres oldal mivel túl nagy a kép.
3

Könyv

Poetro · 2012. Aug. 8. (Sze), 09.51
Akkor ajánlom valamelyik CSS könyv elolvasását, volt is pár példa rá az utóbbi pár héten.
4

Könyv

csajkas · 2012. Aug. 8. (Sze), 11.00
Oké, köszönöm a segítséget.
5

Hibakeresés

Hidvégi Gábor · 2012. Aug. 8. (Sze), 11.03
6

Hibakeresés

csajkas · 2012. Aug. 8. (Sze), 12.03
Visszatérve a problémára amiről írtam,hogy nem találom a CSS-ben az oldalszélesség parancsot, igy Poetro segitségén elindulva találtam egy oldalt ahol vannak CSS kódok leírásokkal a hozzám hasonló tudásúaknak érdemes lehet átnézni.

A lényeg,hogy el kellett gondolkozni az oldal fel építésén és amikor már kezdett összeállni a kép a .tpl file-kal akkor már viszonylag gyorsan megtaláltam logo.tpl-ben a szélesség parancsot. Igaz,hogy az oldal meg szélesítése csak az első lépés de legalább a fórumozók segítségével el tudtam indulni.

Köszönöm neked is a segítséget.
7

Új hiba

csajkas · 2012. Aug. 12. (V), 11.57
Hello.

újabb hibába ütköztem:

Minden szépen haladt, logo csere, menü stb de amikor bemásolom ezt a kodot akkor lefagy az egész és nem jelenik meg semmi, pedig a file-ok felvannak töltve. Mi lehet a hiba?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>{$settings.site_name}</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/cufon/fonts/Myriad_Pro_Bold_700.font.js"></script>
<script type="text/javascript" src="js/cufon/fonts/Myriad_Pro_Bold_700.font.js"></script>
<script type="text/javascript" src="js/cufon/fonts/Myriad_Pro_Regular_400.font.js"></script>
<script type="text/javascript" src="js/cufon/fonts/Times_New_Roman_400.font.js"></script>
<script type="text/javascript" src="js/service.js"></script>
<!--[if lt IE 7]>
<![if gte IE 5.5]>
<script type="text/javascript" src="js/fixPNG/fixpng.js"></script>
<style type="text/css">
.iePNG, img { filter:expression(fixPNG(this,'js/fixPNG/')); }
.iePNG a { position: relative; }
</style>
<![endif]>
<![endif]-->
</head>

<body bgcolor="#FFFFF2" link="#666699" vlink="#666699" alink="#666699" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<center>
<table width="1000" border="0" cellpadding="0" cellspacing="0" height=100%>
<tr>
<td valign=top height=142>
<table cellspacing=0 cellpadding=0 border=0 width=100% height=203>
<tr>
<td width="27%" height="203" class=toptable><div align="center">
<img src="images/logo-1.png" width="213" height="126" position="absolute" top="13px"left="22px">
<h2>Premium Business Solutions</h2>
</div></td>
<td width="73%" align=right valign=top class=toptable>

<ul id="main-navigation">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">Register</a></li>
<li><a href="articles.html">About Us</a></li>
<li><a href="contacts.html">proba</a></li>
<li><a href="sitemap.html">Banners</a></li>
<li><a href="sitemap.html">F.A.Q</a></li>
<li><a href="sitemap.html" class="last">Support</a></li>
</ul>

</tr>
</table>
</td>
</tr>


De igy pedig müködik

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>{$settings.site_name}</title>
<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body bgcolor="#FFFFF2" link="#666699" vlink="#666699" alink="#666699" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<center>
<table width="1000" border="0" cellpadding="0" cellspacing="0" height=100%>
<tr>
<td valign=top height=142>
<table cellspacing=0 cellpadding=0 border=0 width=100% height=203>
<tr>
<td width="27%" height="203" class=toptable><div align="center">
<img src="images/logo-1.png" width="213" height="126" position="absolute" top="13px"left="22px">
<h2>Premium Business Solutions</h2>
</div></td>
<td width="73%" align=right valign=top class=toptable>

<ul id="main-navigation">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">Register</a></li>
<li><a href="articles.html">About Us</a></li>
<li><a href="contacts.html">Rating</a></li>
<li><a href="sitemap.html">Banners</a></li>
<li><a href="sitemap.html">F.A.Q</a></li>
<li><a href="sitemap.html" class="last">Support</a></li>
</ul>

</tr>
</table>
</td>
</tr>
8

Kódszínező

Pepita · 2012. Aug. 13. (H), 23.59
Talán ha használnád a colorer-t, át is néznénk a kódodat.
9

Megoldva

csajkas · 2012. Aug. 14. (K), 01.31
Igazad van, bocsi.

De ma sikerült megoldani.