Új hozzászólás Aktív témák

• #3653 [pod]Diablo őstag

  Új Válasz 2012-02-01 12:26:13 #3653

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  [pod]Diablo

  őstag

  Udv!

  Egy elkeszített forumot,mondjuk a phpbb-t lehetseges beagyazni egy mar meglevo oldalba?Ugy szeretnem megvalositani hogy ha az oldalon ramegyek a forum menupontra,akkor a mar meglevo alap designeon belul toltodjon be a forum.(Remelem sikerult erthetoen leirnom mit is szeretnek,es sikerult jo helyen feltenni a kerdesem.)

  Elore is koszonom a valaszokat!

  "Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

• #3719 [pod]Diablo őstag

  Új Válasz 2012-03-02 18:51:53 #3719

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  [pod]Diablo

  őstag

  Udv!

  Van az oldalamon egy fejlec,amit rogiztettem,hogy gorgetesnel az oldal tetejen maradjon,ne gorduljon el a tartalommal egyutt.Itt egy olyan problemaba utkoztem hogy a tartalom resznak a hattere bemegy a fejlec ala gorgetesnel,de a fejlec folott kijon(az oldal teteje es a fejlec kozott van egy kis res),es a tartalom div-be levo szoveg gorgetesnel megjelenik a fejlec elemei folott.Hogy tudnam orvosolni ezt a 2 problemat?
  itt a html,es a css kod.

  Elore is koszonom a segitseget!

  "Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

• #6900 [pod]Diablo őstag Carasc0 #6899

  Új Válasz 2017-01-26 23:22:34 #6900

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  [pod]Diablo

  őstag

  válasz Carasc0 #6899 üzenetére

  Csepe válaszát tovább írtam neked.Ezzel a megoldással össze is keveri a kártyákat minden egyes oldal frissítésnél:

  <p>Kattints a kártya megjelenítéséhez!</p>
<ul class="flip-table">
<?php
$numbers = range(1, 25);
shuffle($numbers);
for($i=0;$i<25;$i++){
?>
<li class="flip-container">
<div class="flipper">
<div class="front">
<img src="/back.png">
</div>
<div class="back">
<img src="/card<?=$numbers[$i];?>.png">
</div>
</div>
</li>
<?php }?>
</ul>

  A css részéhez ennyit írj még hozzá:
  .flip-table li{
position:relative;
display:inline-block;
list-style-type:none;
}
.flip-container {
height: 425px;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}

  [ Szerkesztve ]

  "Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

• #6902 [pod]Diablo őstag Carasc0 #6901

  Új Válasz 2017-01-27 00:00:33 #6902

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  [pod]Diablo

  őstag

  válasz Carasc0 #6901 üzenetére

  Bocsi, nem volt most idom felolteni egy kulon file-ba,itt van a kód egészbe, csak arra figyelj hogy .php-fájlként mentsd el ne .html-ként.A képeket rakd egy mappába a file-al, és nevezd el őket card1.png-től card25.png-ig.
  <style>
.flip-table li{
position:relative;
display:inline-block;
list-style-type:none;
}
.flip-container {
height: 425px;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
transform: perspective(1000px);
transform-style: preserve-3d;
}
.flip-container img{
width: 100%;
height: auto;
}
.flip-container.hover .back {
transform: rotateY(0deg);
}
.flip-container.hover .front {
transform: rotateY(180deg);
}
.flip-container, .front, .back {
width: 300px;
}
.flipper {
position: relative;
transform: perspective(1000px);
transform-style: preserve-3d;
transition: all 0.6s ease 0s;
}
.front, .back {
backface-visibility: hidden;
left: 0;
position: absolute;
z-index: 1;
top: 0;
transform: rotateY(0deg);
transform-style: preserve-3d;
transition: all 0.6s ease 0s;
}
.front {
transform: rotateY(0deg);
z-index: 2;
}
.back {
transform: rotateY(-180deg);
}
</style>
<p>Kattints a kártya megjelenítéséhez!</p>
<ul class="flip-table">
<?php
$numbers = range(1, 25);
shuffle($numbers);
for($i=0;$i<25;$i++){
?>
<li class="flip-container">
<div class="flipper">
<div class="front">
<img src="/back.png">
</div>
<div class="back">
<img src="/card<?=$numbers[$i];?>.png">
</div>
</div>
</li>
<?php }?>
</ul>
<script>
$('.flip-container').click(function() {
$(this).toggleClass('hover');
});
</script>

  [ Szerkesztve ]

  "Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

• #6905 [pod]Diablo őstag Carasc0 #6903

  Új Válasz 2017-01-27 08:32:28 #6905

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  [pod]Diablo

  őstag

  válasz Carasc0 #6903 üzenetére

  Jogos volt cidalain felvetése, át írtam a kódot js-re, hogy simán tudd futtatni böngészőböl is.Innen le tudod tölteni a filet.

  "Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

Új hozzászólás Aktív témák