HOwl claas probléma (Bokor Béla)

Számválasztós lejátszás...

        

     

Folyamatos lejátszás...

  


Bootstrap-el 2 dobozos layout kialakítása (ferrari458)

&

Más (link) target mobilon, mint desktopról? (dj.silas)

Az egyesített teszt önálló oldalként ITT található...



HTML és CSS videó háttér mobilon (suckee)

A kettő teszt önálló oldalként ITT és ITT található...



CSS min-width probléma (kerdezo3)

kevés szövegecske
kevés szövegecske
kissé hosszabb szövegecske
kissé még-még hosszabb szövegecske tooltipp-ben
kissé még-még hosszabb szövegecske van ebben a tooltipp-ben


kevés szövegecske
kevés szövegecske
kissé hosszabb szövegecske
kissé még-még hosszabb szövegecske tooltipp-ben
kissé még-még hosszabb szövegecske van ebben a tooltipp-ben



Videó torzítás CSS3 HTML5 (AdTechik)

A teszt önálló oldalként ITT található...



JPEG képből bélyegkép készítése (PHP/GD)

...majd kerekített változat készítése (csak teszt)

Rembrandt nagyBenczur nagy

Rembrandt thumbRembrandt roundedBenczur thumbBenczur rounded

A képek eredeti mérete: "645*484"px / "477*600"px (megjelenítési W/H -> 300/225px)
A bélyegképek mérete: "150*150"px


PHP-s forráskódot mutat / elrejt

<?php
// bemeneti paraméterek 
$kep_file = 'path/eredeti.jpg';
$thumb_file = 'thumb.jpg';
$rounded_thumb_file = 'round_thumb.png';
$dstimage_w = 150;
$dstimage_h = 150;
// bélyegkép készítése
$data = getimagesize($kep_file);
$srcimage_w = $data[0];
$srcimage_h = $data[1];
$srcimage = imagecreatefromjpeg($kep_file);
$dstimage = imagecreatetruecolor($dstimage_w, $dstimage_h);
if($srcimage_w >= $srcimage_h)
{
  $src_y = 0;
  $src_h = $srcimage_h;
  $src_w = round(($dstimage_w / $dstimage_h) * $src_h);
  $src_x = round(($srcimage_w - $src_w) / 2);
}
else
{
  $src_x = 0;
  $src_w = $srcimage_w;
  $src_h = round(($dstimage_h / $dstimage_w) * $src_w);
  $src_y = round(($srcimage_h - $src_h) / 2);
}
$dst_x = 0;
$dst_y = 0;
$dst_w = $dstimage_w;
$dst_h = $dstimage_h;
imagecopyresampled($dstimage, $srcimage,
        $dst_x, $dst_y, $src_x, $src_y, $dst_w, $dst_h, $src_w, $src_h);
imagejpeg($dstimage, $thumb_file);
sleep(1);
// mentés után kerekített változat készítése
$kis_file = $thumb_file;
$image_s = imagecreatefromjpeg($kis_file);
$width = imagesx($image_s);
$height = imagesy($image_s);
$newwidth = $width;
$newheight = $height;
$image = imagecreatetruecolor($newwidth, $newheight);
imagealphablending($image,true);
imagecopyresampled($image,$image_s,0,0,0,0,$newwidth,$newheight,$width,$height);
$mask = imagecreatetruecolor($width, $height);
$mask = imagecreatetruecolor($newwidth, $newheight);
$transparent = imagecolorallocate($mask, 255, 0, 0);
imagecolortransparent($mask, $transparent);
imagefilledellipse($mask, $newwidth/2, $newheight/2, $newwidth, $newheight, $transparent);
$red = imagecolorallocate($mask, 0, 0, 0);
imagecopymerge($image, $mask, 0, 0, 0, 0, $newwidth, $newheight,100);
imagecolortransparent($image, $red);
imagefill($image,0,0, $red);
imagepng($image, $rounded_thumb_file);
imagedestroy($image);
imagedestroy($mask);
?>

Többdimenziós asszociativ tömb és "my_var_dump()"

  1. array
  2.     ['egy1'] => 
    1. array
    2.     ['ketto1'] => 
      1. array
      2.     ['harom1'] => 
        1. array
        2.     [0] => 'indexlánc: egy1=>ketto1=>harom1=>0'  (string) (hossz=35)
        3.     [1] => 'indexlánc: egy1=>ketto1=>harom1=>1'  (string) (hossz=35)
        4.     [2] => 'indexlánc: egy1=>ketto1=>harom1=>2'  (string) (hossz=35)
      3.     ['harom2'] => 
        1. array
        2.     [0] => 'indexlánc: egy1=>ketto1=>harom2=>0'  (string) (hossz=35)
        3.     [1] => 'indexlánc: egy1=>ketto1=>harom2=>1'  (string) (hossz=35)
        4.     [2] => 'indexlánc: egy1=>ketto1=>harom2=>2'  (string) (hossz=35)
  3.     ['egy2'] => 
    1. array
    2.     ['ketto2'] => 
      1. array
      2.     ['harom3'] => 
        1. array
        2.     [0] => 1  (integer)
        3.     [1] => 2  (integer)
        4.     [2] => 3  (integer)
      3.     ['harom4'] => 
        1. array
        2.     [0] => 1  (integer)
        3.     [1] => 2  (integer)
        4.     [2] => 3  (integer)
  4.     ['egy3'] => 
    1. array
    2.     ['ketto3'] => 
      1. array
      2.     ['harom5'] => 
        1. array
        2.     [0] => 'indexlánc: egy3=>ketto3=>harom5=>0'  (string) (hossz=35)
        3.     [1] => 'indexlánc: egy3=>ketto3=>harom5=>1'  (string) (hossz=35)
        4.     [2] => 'indexlánc: egy3=>ketto3=>harom5=>2'  (string) (hossz=35)
      3.     ['harom6'] => 
        1. array
        2.     [0] => 'indexlánc: egy3=>ketto3=>harom6=>0'  (string) (hossz=35)
        3.     [1] => 'indexlánc: egy3=>ketto3=>harom6=>1'  (string) (hossz=35)
        4.     [2] => 'indexlánc: egy3=>ketto3=>harom6=>2'  (string) (hossz=35)


PHP-s forráskódot mutat / elrejt

<?php
function my_var_dump(array $array)
{
  $output = '<ol style="list-style-type:none;">';
  $output .= '<li style="font-weight:700;">array</li>';
  foreach($array as $key => $value){
  if(gettype($key) == 'string')
    $output .= '<li>    [\'<span style="color:green;">'.$key.'</span>\'] => ';
  else
    $output .= '<li>    [<span style="color:blue;">'.$key.'</span>] => ';
    if(is_array($value))
    { $output .= my_var_dump($value); }
    else{
      if(gettype($value) == 'string')
        $output .= '<span style="color:green;">\''.htmlentities($value, ENT_QUOTES, "UTF-8").'\'</span>  '.
                   '(<span style="font-size:9px;">'.gettype($value).'</span>) (hossz='.strlen($value).')';
      else
        $output .= '<span style="color:blue;">'.htmlentities($value, ENT_QUOTES, "UTF-8").'</span>  '.
                   '(<span style="font-size:9px;">'.gettype($value).'</span>)';
    }
    $output .= '</li>';
  }
  $output .= '</ol>';
  return $output;
}
?>