Hello mindenki remélem valaki tud segíteni elakadtam.
Vettem egy Asus RT-N18U routert ami képes weboldalt is üzemeltetni. +sql szervert is.
És jött az ötlet hogy csinálok a családnak egy webet amin bejelenezés után letölthetnek programokat játékokat ilyesmiket egy kis bloggal..
Szóval kis idő után rátaláltam a Adobe Dreamweaver-re már megnéztem egypár oktató meg jegyzem sok mindent még nem értek.
Bootstarp nál tartok...
Lényeg csináltam egy scrollingos weboldalt a 3 menühöz tettem bele egy tab-ot azon belülre is egyet egy fajta galery lenne 3 csoportal abc szerint, méret szerint, stb
A gondom az amikor php reprait region és ha léptetni akarom az oldalt az egész lap be frissül és a lap tetején kötök ki.
PHP kód:
<!-- android Section -->
<section id="android" class="android-section">
<div class="container">
<div class="row">
<div class="col-mg-12">
<h2>Android</h2>
</div>
<div class="col-md-12">
<!-- tab gomb -->
<div id="androidpanel" role="tabpanel">
<ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#jatek" data-toggle="tab" role="tab">Játékok</a></li>
<li><a href="#appok" data-toggle="tab" role="tab">Applikációk</a></li>
<li><a href="#gps" data-toggle="tab" role="tab">Gps</a></li>
<li><a href="<?php printf("%s?pageNum_android_games_uj_paginator=%d%s/#android", $currentPage, max(0, $pageNum_android_games_uj_paginator - 1), $queryString_android_games_uj_paginator); ?>">Vissza</a></li>
<li><a href="<?php printf("%s?pageNum_android_games_uj_paginator=%d%s/", $currentPage, min($totalPages_android_games_uj_paginator, $pageNum_android_games_uj_paginator + 1), $queryString_android_games_uj_paginator); ?>">Előre</a></li>
</ul>
<!-- tab panel -->
<div id="androidtab" class="tab-content">
<!-- android jatek -->
<div class="tab-pane fade in active" id="jatek">
<ul class="nav nav-tabs" id="jateklisttab" role="tablist">
<li class="active"><a href="#jatek_uj" data-toggle="tab" role="tab">új</a></li>
<li><a href="#jatek_abc" data-toggle="tab" role="tab">Abc</a></li>
<li><a href="#jatek_star" data-toggle="tab" role="tab">Csillag</a></li>
</ul>
<div id="androidjatek" class="tab-content">
<div class="tab-pane fade in active" id="jatek_uj">
<?php do { ?>
<div class="col-md-4">
<div class="view view-first">
<img class="img-responsive img-hover" src="<?php echo $row_android_games['img1']; ?>" alt="">
<div class="mask">
<h5><?php echo $row_android_games['game_name']; ?></h5>
<p><?php echo $row_android_games['card_text']; ?></p>
<p class="pull-right">Méret <?php echo $row_android_games['size']; ?>Mb</p>
<a href="" class="info" data-toggle="modal" data-target="#<?php echo $row_android_games['modal_link']; ?>">Több infó</a>
<a href="<?php echo $row_android_games['download_link1']; ?>" class="info">Letöltés</a>
</div>
</div>
</div>
<!-- ./card -->
<!-- .modal lap -->
<div class="modal fade" id="
<?php echo $row_android_games['modal_link']; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<!-- .modal container -->
<div class="container" id="mdal">
<!-- modal Row -->
<div class="row">
<h3 class="close" type="button" data-dismiss="modal">×</h3>
<h3><strong>Ki lépéshez nyomj <kbd>esc</kbd>-et vagy klikkelj a képszélére.</strong></h3>
<!-- .carousel div -->
<div class="col-md-8" id="modalphoto">
<!-- .carousel -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active"> <img class="img-responsive" src="<?php echo $row_android_games['img1']; ?>" alt=""> </div>
<div class="item"> <img class="img-responsive" src="<?php echo $row_android_games['img2']; ?>" alt=""> </div>
<div class="item"> <img class="img-responsive" src="<?php echo $row_android_games['img3']; ?>" alt=""> </div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span> </a> </div>
<!-- ./carousel -->
</div>
<!-- ./carousel div -->
<!-- .Text div -->
<div class="col-md-4" id="modaltext">
<h4><?php echo $row_android_games['game_name']; ?></h4>
<p><?php echo $row_android_games['page_text']; ?></p>
<img src="img/download/android_download/hatter/androidjelveny.png" alt="" width="120" height="120" id="androidjeveny"/>
<div class="ratings"><?php echo $row_android_games['star']; ?></div>
</div>
<!-- ./Text div -->
<!-- .alulszoveg div -->
<div class="col-md-12" id="alulszoveg">
<div class="pull-left" id="letoltve">
<h4>letöltve 7x</h4>
</div>
<div class="pull-left" id="meret">
<h4>Méret <?php echo $row_android_games['size']; ?>Mb</h4>
</div>
<div id="verzio">
<h4>Verzió szám <?php echo $row_android_games['version']; ?></h4>
<h4><a href="<?php echo $row_android_games['download_link2']; ?>">Mali verzó letöltése</a></h4>
<h4><a href="<?php echo $row_android_games['download_link3']; ?>">Mali verzö letöltése</a></h4>
<h4><a href="#"></a></h4>
<a href="<?php echo $row_android_games['download_link1']; ?>">
<img src="img/download/android_download/hatter/APKfile.png" alt="" width="77" height="77" id="maliapk"/></a> </div>
</div>
<!-- ./alulszoveg div -->
</div>
<!-- ./modal Row -->
</div>
<!-- ./modal container -->
</div>
<?php } while ($row_android_games_uj_paginator = mysql_fetch_assoc($android_games_uj_paginator)); ?>
Könyvjelzők