Forum portalu Fan-Strefa.pl
Dla webmastera => Pomoc => Wątek zaczęty przez: Rubinek w 07 Czerwiec 2011, 21:44:15
-
u niektorych na stronach widze pociete na male kawalki czesci wygladu newsow jak wy to kodujecie
bo wtedy wiem ze i data i info news nie bedzie sie rozjezdzac jak bywa to przy ustawieniu pozycji
-
Ja robie to automatycznie w ps... Jest opcja pocięcia strony i zapisać to jako HTML
-
Ja też tnę automatycznie w Photoshopie i zapisuje dla Web'a. Program generuje mi sam kod tabelki i pociętą grafikę spakowana w folder. Wtedy można dowolnie edytować kod dla swoich indywidualnych potrzeb.
-
Ale minusem są tabele
-
Dlaczego tak uważasz? Ja tam lubię tabele zarówno jak i div'y. Ostatnio stosowałem divy, ale zauważyłem że na tabelach tez można zbudować całkiem niezły kod.
-
aha czyli potne na kawalki w ps'e i ten kod wstawic do index.php
dzikei nie pomyslalam o tym jaka jestem glupa
-
aha czyli potne na kawalki w ps'e i ten kod wstawic do index.php
dzikei nie pomyslalam o tym jaka jestem glupa
Nie tak bez modyfikacji. Czasami trzeba zmienić właściwości niektórych komórek. Trzeba wiedzieć w której komórce można sobie pozwolić aby wstawić obrazek a w której ten obrazek przemienić na tło komórki, już nie wspominając o tym w której trzeba wstawić kod do wyświetlania się postów, daty, kategorii, autora itp. Trzeba mieć czujne oko. Photoshop daje tylko zarys kodu tabeli sporządzonej na podstawie pociętej grafiki. To od nas samych zależy w której cześci kodu co chcemy umieścić ... Photoshop już tego za nas nie zrobi :/
-
Ja też tnę automatycznie w Photoshopie i zapisuje dla Web'a. Program generuje mi sam kod tabelki i pociętą grafikę spakowana w folder. Wtedy można dowolnie edytować kod dla swoich indywidualnych potrzeb.
-więcej kodu przez co łatwiej się pomylić
-Albo np chce sobie zmienic kolumne z lewej na prawa strone i w divach zajmie mi to sekunde bo to kwesta jednej linijki w css a z tabelami trzeba się namęczyć
-większy rozmiar strony przez co wolniej się wczytują strony
-
-więcej kodu przez co łatwiej się pomylić
-Albo np chce sobie zmienic kolumne z lewej na prawa strone i w divach zajmie mi to sekunde bo to kwesta jednej linijki w css a z tabelami trzeba się namęczyć
-większy rozmiar strony przez co wolniej się wczytują strony
- co do ilości kodu to się zgodzę, bo jest tego więcej,
- co do zmiany kolumn z lewej na prawą lub odwrotnie to trudniej jest mi sie połapać w divach, gdyż ostatnio miałem z tym problemy a tabela wszystko rozwiązała,
- a jeżeli chodzi o wczytywanie się strony, to strona składająca się z pociętej grafiki wczytuje się moim zdaniem o wiele szybciej ... i nie wiem czy to ma znaczenie czy grafika jest częścią tabeli czy div'a bo kod chyba wczytywany jest jednocześnie w obu przypadkach.
Ale dzięki za uwagi, możliwe mylę się i Ty masz rację xD
-
- a jeżeli chodzi o wczytywanie się strony, to strona składająca się z pociętej grafiki wczytuje się moim zdaniem o wiele szybciej ... i nie wiem czy to ma znaczenie czy grafika jest częścią tabeli czy div'a bo kod chyba wczytywany jest jednocześnie w obu przypadkach.
To czy częścią tabeli czy diva raczej znaczenia nie ma, ale osobiście uważam, że pocięta grafika spowalnia ładowanie strony. Jeśli np. cały nagłówek ma się wgrywać powiedzmy 18 sek a każdy kawałek 2 sek a kawałków dużo to chyba szybciej ładuje się grafika w jednym kawałku :)
-
-więcej kodu przez co łatwiej się pomylić
-Albo np chce sobie zmienic kolumne z lewej na prawa strone i w divach zajmie mi to sekunde bo to kwesta jednej linijki w css a z tabelami trzeba się namęczyć
-większy rozmiar strony przez co wolniej się wczytują strony
- co do ilości kodu to się zgodzę, bo jest tego więcej,
- co do zmiany kolumn z lewej na prawą lub odwrotnie to trudniej jest mi sie połapać w divach, gdyż ostatnio miałem z tym problemy a tabela wszystko rozwiązała,
- a jeżeli chodzi o wczytywanie się strony, to strona składająca się z pociętej grafiki wczytuje się moim zdaniem o wiele szybciej ... i nie wiem czy to ma znaczenie czy grafika jest częścią tabeli czy div'a bo kod chyba wczytywany jest jednocześnie w obu przypadkach.
Ale dzięki za uwagi, możliwe mylę się i Ty masz rację xD
Divy szybciej się wczytują może tego nie zauważasz ale tak jest szczególnie przy b.rozbudowanych stronach !
To jest tak samo jak byś miał przeczytać 200 stron lub 50 i wiadomo że 50 przeczyta się szybciej XD
-
aha czyli potne na kawalki w ps'e i ten kod wstawic do index.php
dzikei nie pomyslalam o tym jaka jestem glupa
Nie tak bez modyfikacji. Czasami trzeba zmienić właściwości niektórych komórek. Trzeba wiedzieć w której komórce można sobie pozwolić aby wstawić obrazek a w której ten obrazek przemienić na tło komórki, już nie wspominając o tym w której trzeba wstawić kod do wyświetlania się postów, daty, kategorii, autora itp. Trzeba mieć czujne oko. Photoshop daje tylko zarys kodu tabeli sporządzonej na podstawie pociętej grafiki. To od nas samych zależy w której cześci kodu co chcemy umieścić ... Photoshop już tego za nas nie zrobi :/
biore sie do roboty mam nadzieje ze mi sie uda
jesli nie to mam nadzieje ze pomożecie
-
(http://www.upload.fan-strefa.pl/images/840coding.jpg)
Mam prośbe, otóż potrzebuje rady w pozycjonowaniu DIV'ów w głównym DIV'ie.
Sprawa wygląda tak. Mam głównego div'a który będzie mieścił w sobie 4 inne (oznaczone kolorami na grafice powyżej). Divy oznaczone kolorem żółtym nie będą zawierać żadnej treści tylko mają służyć do wyznaczania odległości pomiędzy krawędziami a dwoma środkowymi div'ami. Kolorem zielonym został oznaczony sidebar a białym główna treść strony. Problem polega na tym, że nie mam pojęcia jak ułożyć te 4 div'y poziomo w linii względem siebie, ponieważ każdy wyświetla mi się jeden pod drugim. Może coś przekombinowałem z tymi selektorami float?
Oto CSS:
#wrapper {
background-image: url(...);
background-repeat:repeat-y;
width: 1028px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
top: 870px;}
#wrapper-top {
width: 1028px;
height: 62px;
background-image: url(...);}
#wrapper-bottom {
width: 1028px;
height: 56px;
background-image: url(...);}
#left {
width: 39px;
background: transparent;
float: left;
overflow: hidden;
display:inline;}
#sidebar {
width: 350px;
background: transparent;
float: left;
overflow: hidden;
display:inline;}
#content {
width: 600px;
background: transparent;
float: left;
overflow: hidden;
display:inline;}
#right {
width: 39px;
background: transparent;
float: left;
overflow: hidden;
display:inline;}
A tak wygląda kod w pliku header.php
<div id="wrapper">
<div id="wrapper-top"></div>
<div id="left"></div>
<div id="sidebar"></div>
<div id="content"></div>
<div id="right"></div>
<div id="wrapper-bottom"></div>
</div>
Ponadto DIV #content nie wyświetla mi się w głównym DIV'ie #wrapper, tylko na dole. Nie wiem czym to jest spowodowane. Nie widzę abym pominął jakiś znacznik. Proszę o pomoc. Może nie należy zamykać DIV'a?
-
dwa divy po bokach nie są potrzebne
robisz tak
<div id="main">
<div id="content">
</div>
<div id="sidebar">
</div>
</div>
dla main w css margin:0 auto; dzięki temu się wyśrodkuje
dla div content float:left
dla div sidebar float:left
muszą być te same strony i musimy nadać im szerokość inaczej będą jeden pod drugim !
-
Niestety to też nie pomogło ... zawsze mam problemy z tym samym elementem przy kodowaniu.
http://www.upload.fan-strefa.pl/images/405prev1.jpg
CSS :
#wrapper{
background-image: url(...);
background-repeat:repeat-y;
width: 1028px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
top: 870px;}
#sidebar{
width: 350px;
background: transparent;
float: left;}
#content{
width: 600px;
background: #FFFFFF;
float: left;}
#page{
width: 950px;
align: center;}
A to zawartość header.php
<div id="wrapper">
<img src="..." width="1028" height="62" alt="">
<div id="page">
<div id="content">
<div id="sidebar"></div>
</div>
<img src="..." width="1028" height="56" alt="">
</div>
content i sidebar dodatkowo umieściłem w div'ie page aby zlikwidować zbędne dwa divy umieszczone wcześniej po bokach.
Zwróc uwagę, że gdy daje niezamkniętego div'a content to sytuacja wygląda tak jak na załączonym obrazku, a gdy już go zamknę to całkowicie przesuwa mi się on na lewą stronę. Wychodzi na to, że coś jest nie tak z div'em wrapper.
-
wrapper
margin:0 auto;
usuń wszystkie inne marginesy i zastąp tym
-
Niestety to też nie pomogło. Sprawa wygląda tak, że według kodu content i sidebar są w środku div'a wrapper ale na podglądzie tego nie ma. Tak jakby content był poza wrapper'em. Bo to białe owalne pole to ma być wrapper i w nim mają wyświetlać się posty i ramka boczna - ale zamiast tego pojawiają się one poniżej.
-
wez powieksz np o 10 px page a jak nie działa to zobacz sobie ja mam u mnie na stronie
-
miałem ustawione podobnie jak u ciebie, ale to tez nic nie daje :/ zwątpiłem już, że wstawię na stronę ten szablon :/
-
wiecie czy jak mam zainstalowany wordpress w katalogu glownym moge zrobic intro ?
-
nie wiem, ale może te strony poniżej okażą się pomocne
http://www.gonkyouka.com/creating-intro-page-for-wordpress
http://josefek.com/?p=50
Z tego co wyczytałem to wszystko skupia się na stworzeniu nowego pliku tzw. intro.php w którym umieszczasz kod strony intro a następnie w Wordpress'ie tworzysz chyba podstronę i tam wklejasz powiązanie z tym plikiem intro.php. Następnie przechodzisz do Ustawienia > Czytanie > Strona główna wyświetla > Statystyczna strona i wtedy wybierasz podstronę.
Radzę jeszcze dokładnie poczytać :)
-
a wiesz czy moge zainstalowac wordpress np w nowo utworzonym pliku bo chcisalabym zrobic dwujezyczna strone
-
pewnie, instalujesz Wordpress'a w nowo stworzonym katalogu np. eng (jeżeli chcesz mieć stronę po angielsku) i wtedy adres do anglojęzycznej wersji będzie www.adrestwojejstrony.pl/eng albo jeżeli zrobisz to przez subdomenę to eng.adrestwojejstrony.pl :)
-
aha czyli nic nie przeszkadza ze jeden ejst w katalogu glownym to super ale musze pokombinowac z tym intro
dziekuje ci bardzo za po moc chwale ;*
Edit:
a jak zrobic tabelami dwa tla
wiadomo jeden w style.css
a co zrobic zeby drugiee bylo