rych54

Mam coś takiego: horizontal.js - ten od ciebie ale nie działa. <script src="js/horizontal.js" type="text/javascript"></script> <div id="scrollbar"> <div class="handle"></div> </div> <div id="frame"> <ul class="slidee"> <li><img src="img/a.jpg"></li> // Item <li><img src="img/b.jpg"></li> // Item <li><img src="img/c.jpg"></li> // Item </ul> </div> <div class="controls center"> <button class="btn prev disabled" disabled=""><i class="icon-chevron-left"></i> prev</button> <button class="btn next">next <i class="icon-chevron-right"></i></button> </div> <style> /* Frame */ .frame { height: 250px; line-height: 250px; overflow: hidden; } .frame ul { list-style: none; margin: 0; padding: 0; height: 100%; font-size: 50px; } .frame ul li { float: left; width: 227px; height: 100%; margin: 0 1px 0 0; padding: 0; background: #333; color: #ddd; text-align: center; cursor: pointer; } .frame ul li.active { color: #fff; background: #a03232; } /* Scrollbar */ .scrollbar { margin: 0 0 1em 0; height: 2px; background: #ccc; line-height: 0; } .scrollbar .handle { width: 100px; height: 100%; background: #292a33; cursor: pointer; } .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; } /* Pages */ .pages { list-style: none; margin: 20px 0; padding: 0; text-align: center; } .pages li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; text-indent: -999px; border-radius: 10px; cursor: pointer; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } .pages li:hover { background: #aaa; } .pages li.active { background: #666; } /* Controls */ .controls { margin: 25px 0; text-align: center; } /* One Item Per Frame example*/ .oneperframe { height: 300px; line-height: 300px; } .oneperframe ul li { width: 1140px; } .oneperframe ul li.active { background: #333; } /* Crazy example */ .crazy ul li:nth-child(2n) { width: 100px; margin: 0 4px 0 20px; } .crazy ul li:nth-child(3n) { width: 300px; margin: 0 10px 0 5px; } .crazy ul li:nth-child(4n) { width: 400px; margin: 0 30px 0 2px; } /* Effects */ .effects { height: 200px; line-height: 200px; -webkit-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; perspective-origin: 50% 50%; overflow-y: show; } .effects ul { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .effects ul li { position: relative; margin: 0 -20px; -webkit-transform: rotateY(60deg) scale(0.9); -ms-transform: rotateY(60deg) scale(0.9); transform: rotateY(60deg) scale(0.9); -webkit-transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; } .effects ul li.active { z-index: 10; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effects ul li.active ~ li { -webkit-transform: rotateY(-60deg) scale(0.9); -ms-transform: rotateY(-60deg) scale(0.9); transform: rotateY(-60deg) scale(0.9); } </style>

A skąd css?

Tak ale nie kumam za bardzo bo tyle tam tego jest.

Witam! Z interencie znalazlem taki skrypt: http://codepen.io/mburnette/pen/giyHq i wszystko fajnie do czasu dodawania kodu JS. Mianowicie nie wiem w jaki sposób mam go wstawić do kodu strony bo gdy wrzucam go do <script></scritp> taki jaki jest na tej stronie to nie działa a jak wrzucam go tak: <script> $(document).ready(function() { // TU KOD }); </script> to też nie działa. Proszę o pomoc.

Nie. Czyli rozumiem, że do pliku np, carusel.js wrzucic ten kod JS i do html dodac <script src="carusel.js" type="text/javascript"></script>? Edit: Zrobiłem tak: 1.Utowrzyłem plik karuzela.js 2.Do pliku htm w sekcji HEAD dodałem <script src="karuzela.js" type="text/javascript"></script> ale to i tak nie działa. Plik karuzela.js wygląda tak: $(function(){ var x = 0, container = $('.container'), items = container.find('li'), containerHeight = 0, numberVisible = 5, intervalSec = 2000; if(!container.find('li:first').hasClass("first")){ container.find('li:first').addClass("first"); } items.each(function(){ if(x < numberVisible){ containerHeight = containerHeight + $(this).outerHeight(); x++; } }); container.css({ height: containerHeight, overflow: "hidden" }); function vertCycle() { var firstItem = container.find('li.first').html(); container.append('<li>'+firstItem+'</li>'); firstItem = ''; container.find('li.first').animate({ marginTop: "-50px" }, 600, function(){ $(this).remove(); container.find('li:first').addClass("first"); }); } if(intervalSec < 700){ intervalSec = 700; } var init = setInterval("vertCycle()",intervalSec); container.hover(function(){ clearInterval(init); }, function(){ init = setInterval("vertCycle()",intervalSec); }); });

Cześć. Szukam skryptu galerii z tego szablonu : http://www.templatemonster.com/demo/34167.html w zakładce gallery. Na innym forum wyciągneli mi skryot z tej strony ale nie wiadomo czy jest on darmowy a bardzo mi zalezy aby coś takiego zrobić a w google na wszystkich stronach jest wszędzie to samo.

A znacie może taki skrypt kalendarza, do którego będę mógł dodawać daty, w których jest np. jakaś impreza?

Dzięki bardzo. Właśnie oto chodziło. Sam bym nie dał napisać takiego czegoś ponieważ dopiero ogarniam css

Świetne !! No ale jednak fajnie wyglądają te miniaturki w połączeniu z wyświetlanym zdjęciem obok. Nie wiem czy coś się znajdzie

Witam! Chciałem zainstalować wtyczkę jScrollPane dostępną tutaj:http://jscrollpane.kelvinluck.com/basic.html jednak niestety nie działa on najlepiej. Ucina mi tekst przykład: http://cris411.webd.pl/galeria.html Suwak kończy na stronie się linijką: Quisque tincidunt sapien a sapien pellentesque consequat. Mauris I ucinana to: adipiscing venenatis augue ut tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum. Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius, est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing. Proszę o pomoc Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor, id mollis nisi. Donec fermentum vehicula porta. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Dobra wstawiłem suwak po przez div. Nawet jak był sam tekst to też był ucinany

Ja przeczytałem książkę Bartosza Danowskiego HTML5 ale tak serio to nie pomogła ona mi zbyt dużo. Najlepsza nauka jest przez praktykę. Proponuje uczyć się robić jakieś podstawowe stronki na darmowych szablonach aby ogarnąć podstawy. Później to po prostu szukać rozwiązań w danym problemie i tak naucz się najszybciej:)

Cześć Zrobiłem strone z tłem na cały ekran. Jednak mam problem ze stopką. W stopce umieściłem buttony społecznościowe i tekst. Problem w tym ze na niskich ekranach stopka zachodzi na pionowe menu. Stopke robiłem z tego tutoriala: http://webfaces.pl/blog/ciekawe-strony/stopka-u-dolu-strony-rozwiazanie-w-css/ . Czy ktoś potrafiłby mi pomóc albo doradzić w tej kwestii?

<!DOCTYPE html> <html lang="pl"> <head> <meta charset="utf-8" /> <title>Avocado Restauracja</title> <meta name="keywods" content="słowa, kluczowe" /> <meta name="description" content="Opis.." /> <meta name="robots" content="index, follow" /> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link href="css/lightbox.css" rel="stylesheet" /> <script src="js/jquery-1.7.2.min.js"></script> <script src="js/lightbox.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/jquery.easing.1.3.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { Cufon.replace('a, span').CSS.ready(function() { var $menu = $("#slidingMenu"); var $selected = $menu.find('li:first'); var $moving = $('<li />',{ className : 'move', top : $selected[0].offsetTop + 'px', width : $selected[0].offsetWidth + 'px' }); $('#slidingMenuDesc > div').each(function(i){ var $this = $(this); $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px'); }); $menu.bind('mouseleave',function(){ moveTo($selected,400); }) .append($moving) .find('li') .not('.move') .bind('mouseenter',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo'); moveTo($this,400); }) .bind('mouseleave',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo'); });; function moveTo($elem,speed){ $moving.stop(true).animate({ top : $elem[0].offsetTop + 'px', width : $elem[0].offsetWidth + 'px' }, speed, 'easeOutExpo'); } }) ; }); </script> <style> span.reference{ position:fixed; left:10px; bottom:10px; font-size:14px; } span.reference a{ color:#aaa; text-decoration:none; } </style> </head> <body> <header> <div id="bg"> <img src="images/tlo.jpg" alt=""> </div> <div class="pasek"></div> <div class="main"> <div class="head"> <div class="container"> <div class="logo"><a href="index.html"><img src="images/logo.png" class="logo" alt="" width="350" height="101" border="0" /></a></div> <div class="head_prawo"> <div class="ikona-top ikona-telefon">Zadzwoń: <span></span></div> <div class="ikona-top ikona-mapa">Mapa:<a href="location.html"><span>Zobacz</span></a></div> </div> </div> </div> <div id="slidingMenuDesc" class="slidingMenuDesc"> <div><span></span></div> <div><span></span></div> <div><span>Restauracja Avocado to...</span></div> <div><span>fd</span></div> <div><span>Powstaliśmy z myślą świeżego spojrzenia na branżę eventową. </span></div> <div><span>fdb</span></div> </div> <ul id="slidingMenu" class="slidingMenu slidingMenuDesc"> <li><a href="restauracja.html">Restauracja</a></li> <li><a href="catering.html">Catering</a></li> <li><a href="onas.html">O nas</a></li> <li><a href="pokoje.html">Pokoje</a></li> <li><a href="rezerwacja.html">Rezerwacja</a></li> <li><a href="galeria.html">Galeria</a></li> <li><a href="kontakt.php">Kontakt</a></li> </ul> </div> </header> <footer> <div class="main"> <ul class="soc_list"> <li><a href="#" onclick="target='new'"><img src="images/soc_1.png" alt=""></a></li> <li><a href="#"><img src="images/soc_2.png" alt=""></a></li> <li><a href="#"onclick="target='new'"><img src="images/soc_3.png" alt=""></a></li> </ul> <p>Copyright © 2013</p> </div> </footer> </body> </html> html, body { margin:0; padding:0; } html { height: 100%; } body { font-family: 'Titillium400', sans-serif; font-size:12px; min-height: 100%; position:relative; } @font-face { font-family: 'Titillium800'; src: url('../fonts/TitilliumText25L001-webfont.eot'); src: url('../fonts/TitilliumText25L001-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumText25L001-webfont.woff') format('woff'), url('../fonts/TitilliumText25L001-webfont.ttf') format('truetype'), url('../fonts/TitilliumText25L001-webfont.svg#TitilliumText25L800wt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Titillium600'; src: url('../fonts/TitilliumText25L002-webfont.eot'); src: url('../fonts/TitilliumText25L002-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumText25L002-webfont.woff') format('woff'), url('../fonts/TitilliumText25L002-webfont.ttf') format('truetype'), url('../fonts/TitilliumText25L002-webfont.svg#TitilliumText25L600wt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Titillium400'; src: url('../fonts/TitilliumText25L003-webfont.eot'); src: url('../fonts/TitilliumText25L003-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumText25L003-webfont.woff') format('woff'), url('../fonts/TitilliumText25L003-webfont.ttf') format('truetype'), url('../fonts/TitilliumText25L003-webfont.svg#TitilliumText25L400wt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumText25L250wt'; src: url('../fonts/TitilliumText25L004-webfont.eot'); src: url('../fonts/TitilliumText25L004-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumText25L004-webfont.woff') format('woff'), url('../fonts/TitilliumText25L004-webfont.ttf') format('truetype'), url('../fonts/TitilliumText25L004-webfont.svg#TitilliumText25L250wt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumText25L1wt'; src: url('../fonts/TitilliumText25L005-webfont.eot'); src: url('../fonts/TitilliumText25L005-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumText25L005-webfont.woff') format('woff'), url('../fonts/TitilliumText25L005-webfont.ttf') format('truetype'), url('../fonts/TitilliumText25L005-webfont.svg#TitilliumText25L1wt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumText25L999wt'; src: url('../fonts/TitilliumText25L-webfont.eot'); src: url('../fonts/TitilliumText25L-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumText25L-webfont.woff') format('woff'), url('../fonts/TitilliumText25L-webfont.ttf') format('truetype'), url('../fonts/TitilliumText25L-webfont.svg#TitilliumText25L999wt') format('svg'); font-weight: normal; font-style: normal; } #bg { position:fixed; top:-50%; left:-50%; width:200%; height:200%; } #bg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; } #page-wrap { z-index: 2; width: 630px; overflow: hidden; position: relative; margin: 50px auto; padding: 20px; background: #FFF; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; } p { font-family: 'Titillium400'; font-size: 16px; margin: 0 0 30px 0; text-align: justify; } .main { padding:0; margin:0 auto; position:relative; } /***** header*****/ .container { position:relative; z-index:0; margin:0 auto; } .pasek{ background-color:#000000; opacity:0.7; width:285px; height:100%; position: fixed; right:0px; ; top:0px;" } .head .container { height:152px;} .logo { position: absolute; top:10px; width:350px; padding-top:1px } .head_prawo{ float:right; margin:50px 25px 0 0} .ikona-top { line-height:25px; padding-right:15px; color:#FFF; font-family: 'Titillium600', sans-serif; font-size:18px; text-align:right} .ikona-telefon { background:url('../images/telefon_ico.png') right 5px no-repeat;} .ikona-mapa { background:url('../images/map_ico.png') right 5px no-repeat;} .ikona-top span, icon-top a { color:#cdd72c; text-decoration:none } /***** menu *****/ } .slidingMenu { position: absolute; height:410px; width: 410px; top:40px; overflow:hidden; right:1px; font-family: Arial, Helvetica, sans-serif; } .slidingMenu li { display:block; float:right; clear:both; position:relative; overflow:hidden; max-width: 279px; } .slidingMenu li.move { width: 9px; height: 68px; right:0px; padding-right:10px; margin-top:2px; z-index: 8; position: absolute; background: #C10000; background: -webkit-gradient( linear, left top, left bottom, from(#C10000), to(#C10000) ); background: -moz-linear-gradient( top, #C10000, #C10000 ); -moz-border-radius: 8px 0px 0px 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; -moz-box-shadow:1px 1px 5px #000; -webkit-box-shadow:1px 1px 5px #000; box-shadow:1px 1px 5px #000; } .slidingMenu li a { font-size:60px; font-weight: 600; text-transform:uppercase; text-decoration: none; color: #ddd; outline: none; text-indent:5px; z-index: 10; display: block; float: right; height: 66px; line-height: 66px; position: relative; overflow: hidden; padding-right:10px; } .slidingMenuDesc{ margin-top:40px; margin-bottom:40px; position:relative; } .slidingMenuDesc div{ background: #C10000; background: -webkit-gradient( linear, left top, left bottom, from(#C10000), to(#C10000) ); background: -moz-linear-gradient( top, #C10000, #C10000 ); height: 68px; padding-right:5px; left:-5px; width:0px; margin-top:2px; overflow:hidden; position:absolute; -moz-box-shadow:1px 1px 5px #000; -webkit-box-shadow:1px 1px 5px #000; box-shadow:1px 1px 5px #000; -moz-border-radius: 0px 8px 8px 0px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .slidingMenuDesc div span { font-size:36px; color: #f0f0f0; text-indent:5px; z-index: 10; display: block; height: 66px; line-height: 66px; position:absolute; right:10px; margin-left:5px; top:-3px; } @media screen and (min-width: 480px) { .slidingMenu li a { font-size: 33px !important; } } @media screen and (min-width: 750px) { .slidingMenu li a { font-size: 37px !important; } } @media screen and (min-width: 1200px) { .slidingMenu li a { font-size: 41px !important; } } /***** strona*****/ .restauracja {margin-left: 3px;} .kontakt {text-align: right;} hr{ height:0; border:none; border-top:1px solid #000; } h3 { color: #000; font-family: 'Titillium600'; font-size: 35px; font-weight: 400; line-height: 36px; text-transform: none; } .margin-bot { margin-bottom: 10px; } .contener { margin-left: auto; margin-right: auto; width: 630px; } .wrapper { overflow: hidden; width: 100%; } .kolumnaprawa { display: inline; float: right; width: 300px; margin-left: 10px; margin-right: 10px; position: relative; } .kolumnalewa { width: 300px; margin-right: 10px; position: relative; } img { vertical-align:text-top; } /***** stopka*****/ footer { position:absolute; bottom:0; width:100%; height:60px; /* Wysokość nagłówka */ background:#b5fbbd; } .push { clear: both; } .footer p{ z-index:1; text-align:left; padding-left:10px; font-size:17px; font-family:'Titillium600'; } .footer a{ color: #FFF; text-decoration: none; } .soc_list { float:right; padding-right:10px; } .soc_list li { float:left; margin-left:6px; } .soc_list li:first-child { margin-left:0; } .soc_list li a { display:block; position:relative; width:32px; height:32px; overflow:hidden; } .soc_list li a img { position:absolute; left:0; } .soc_list li a:hover img { top:0; } .soc_list img:hover { filter: alpha(opacity=70); -moz-opacity: 0.73; opacity: 0.7; } /***** formularz*****/ dl {margin:18px 0px 0 0px;} dl dt {} dl dd span { color:#fff;} dl dd {} dl dd a {} dl dd a:hover {} #form label { display: block; font-size: 13px; color: #666; font-weight: bold; } #form fieldset { border:none; padding:0; margin-top:-20px } #form input { background: #DCDCDC; border: medium none #DCDCDC; color: #000000; font-family: "Titillium600"; font-size: 14px; height: 15px; margin: 0px; outline: medium none #DCDCDC; padding: 6px 10px 7px; width: 180px; float:left; } #form textarea { background: #DCDCDC; border: medium none #DCDCDC; color: #000000; font-family: "Titillium600"; font-size: 14px; height: 235px; line-height: 15px; margin: 0px; outline: medium none #DCDCDC; overflow: auto; padding: 6px 10px 7px; resize: none; width: 278px; } .przyciski { padding-top: 33px; position: relative; text-align: left; } button { display:inline-block; font-size:14px; line-height:17px; color:#fff; font-family: "Titillium600"; text-transform:none; border: none; float:left; background:#262626; margin-right: 18px; padding:10px 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } button:hover { background:#fea800; color:#1d1d1d; } .formularz { font-family: 'Titillium600'; font-size: 14px; margin: 0 0 -20px 0; text-align: justify; } .error { color:red; }

Siemka! Postanowiłem podszkolić się w HTMU i CSS ale głownie w CSS. Czy znacie jakies dobre ksiązki albo kursy, które są ciekawie i fajnie wyjaśnione? Ostatnio przeczytałem tą książke: http://www.empik.com/html5-cwiczenia-praktyczne-danowski-bartosz,p1045960854,ksiazka-p . Liczę na wasza pomoc:)

Kurde ale chyba kupie któryś kurd tego eduweb bo bardzo mi się podoba w jaki sposób jest to wszystko wyjaśnione

Dzięki, poprzeglądam sobie przez chroma bo on tłumaczy na polski

Też się zastanawiałem nad tymi kursami, a dokładnie nad tym http://eduweb.pl/kursy/html/elastyczne-strony-www.html lub tym: http://www.eduweb.pl/kursy/photoshop/photoshop-dla-designerow.html , głownie u mnie leży css bo html ogarniam. Interesują mnie kursy gdzie będzie jak kodowac psd do html&css i głównie tylko to...