Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Promowane odpowiedzi

ShanonWEB    738

Taki projekt nie jest już na czasie, więc nawet tego nie koduj. Zakoduj coś takiego https://dribbble.com/shots/1491069-Bicycle-Flat-Layout-PSD

Być może i nie jest na czasie, lecz po jego treści w postach będzie idealny. Pytania które potwierdzają jego nieznajomość (być może naczytał się, że można dobrą kasę z tego mieć i się napalił):

 

pociac umiem, ale na jakie cześći pociać ten lay?

zaznaczy mi ktoś?

:omg:  Może jeszcze wyciąć, dać gotowy projekt i pozwolić na dystrybucję, a zysk z tego na twoje konto?

 

ghost14:

 

pociac umiem, ale na jakie cześći pociać ten lay?

zaznaczy mi ktoś?

 

 

Jak wiesz co pociąć to w jakim celu się o to Nas pytasz? "Pisać potrafię, ale jak ktoś mi nie poda literka po literce to nie potrafię".

Ech, do wycięcia:

LOGO (wystarczy tą "postać" z ołówkiem), banner, zdjęcie w poście, ikony.

Edytowane przez ShanonWEB
  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    738

Właśnie niewiem co pociąc, tco nad tlem - czyli png samo?

Co nad tłem? Ten gradient możesz utworzyć w CSS.

LOGO (wystarczy tą "postać" z ołówkiem), banner, zdjęcie w poście, ikony.
Większe grafiki powinno zapisywać się w jpeg-a, mniejsze w png, a jak już zapisujesz do gif-a, to grafika nie powinna być większa niż 10x10.

 

//Ja tu widzę, że wciąż na siłę robisz, a tak jak podwiesiłem filmik tak wisi. Zapewne nawet go nie oglądałeś. (Nie zainteresowałeś się kursami HTML i CSS).

Tak jak widzę, że chcesz zrobić to ktoś kto ma wolne łącze internetowe nigdy tej strony nie otworzy. (tym bardziej jak zaraz zaczniesz zapisywać wszystko jako grafika).

Edytowane przez ShanonWEB

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Cuan    182

Ten temat jest tak beznadziejnie głupi...  :poop:

 

 

Co nad tłem? Ten gradient możesz utworzyć w CSS.

Wszystko w png

 

//Ja tu widzę, że wciąż na siłę robisz, a tak jak podwiesiłem filmik tak wisi. Zapewne nawet go nie oglądałeś. (Nie zainteresowałeś się kursami HTML i CSS).

Tak jak widzę, że chcesz zrobić to ktoś kto ma wolne łącze internetowe nigdy tej strony nie otworzy. (tym bardziej jak zaraz zaczniesz zapisywać wszystko w jpeg).

Większe grafiki powinno zapisywać się w jpeg-a, mniejsze w png, a jak już zapisujesz do gif-a, to grafika nie powinna być większa niż 10x10.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Naven    1

Skoro nie masz wystarczającej wyobraźni by domyślić się w jaki sposób to pociąć, domniemam, że nie masz zupełnie pojęcia na temat HTML i CSS. Jeżeli chcesz zrobić to samemu polecam CI zacząć od kursów np:

 

http://www.kurshtml.edu.pl/

http://kodcss.pl/

 

 

Zacznij od prostszych rzeczy.

 

 

Jeżeli jednak masz o tym pojęcie (choć po Twoich postach założyć bym się mógł, że nie) a naprawdę nie masz wyobraźni to po prostu potnij ten szablon na kawałki (osobno tło, osobno logo, menu etc.) i to zakoduj. Oczywiście jeśli masz tylko ten obrazek to może być ciężko, najlepiej ciąć wszystko jak masz PSD na warstwach.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    738

Mam taka systuacje jest obrazek - ikonka i jak zrobić treść by była rowno obok siebie?

Acha. Ciekawe.. W CSS możesz tak dać:

display: inline;
padding: wartosc;
Edytowane przez ShanonWEB

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    738

mam taką sytuacje mam tekst na obrazku - jak zrobić obok?

 

http://fotozrzut.pl/zdjecia/fd6e43bfbd.jpg

float: left;
margin-left: wartosc;

lub zamiast margin to padding (zależne od "sytuacji")

padding: wartosc;

((Proponuję zamknąć temat ponieważ odpowiedź na pytania są tak banalne i wpisując w Google "tekst na obrazku CSS" mamy odpowiedź), no chyba, że nie opanowaliśmy i na siłę nie chcemy się nauczyć z kursów to mamy problem(problem z nauką oraz z układaniem sensownych pytań, hm.))

Edytowane przez ShanonWEB

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    738

A czy ty próbujesz jeśli czegoś nie wiesz/ nie jesteś pewny czy pierwsze co to lecisz z tym na forum?

<img src="#" alt="#" />Tekst<img src="#" alt="#" />Tekst
  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ghost14    28

jak tutaj wstawic grafike?

 

szukajka

<div id="search">
<form id="searchform" method="get" action="">
<fieldset>
<input type="text" name="s" id="s" size="15" value="" />
<input type="submit" id="x" value="Search" />
</fieldset>
</form>
</div>     
 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    738

 

jak tutaj wstawic grafike?

Co konkretniej? Jaką grafikę.

W CSS:

#submit{
width: wartosc;
height: wartosc;
display: block;
background: url(sciezka_do_obrazka) no-repeat;
}

W HTML:

<div id="search">
<form id="searchform" method="get" action="">
<fieldset>
<input type="text" name="s" id="s" size="15" value="" />
<input type="submit" id="submit" value="" />
</fieldset>
</form>
</div>
Edytowane przez ShanonWEB

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ghost14    28

mam taki problem pojawilo sie obramowanie wokol szukajki jak sie jego pozbyc?

 

http://fotozrzut.pl/zdjecia/34226ef360.jpg

 

narazie mam tyle zakodowane:

<html>
<head>
<title>www</title>
<style>
#tlo{background-color:black; width:900px; height:1200px;}
.pozycja3{position:relative; top:12px;}
.pozycja4{position:relative; top:12px;}
.pozycja5{position:relative; top:90px;}
.pozycja6{position:relative; top:90px;}
#submit{border: 0px;
width:40px;
height:40px;
display: inline;
background: url(go.png) no-repeat;
background-size:40px 40px;
}
#s{position:relative; top:-12px;border: 0px;}
#search{position:relative; left:650px;border: 0px;}
#searchform{border: 0px;}
</style>
</head>
<body>
<div id="tlo">
<div><img src="logo.png" alt="" /></div>
<div><img src="baner.png" alt="" /></div>
<div><img class="pozycja3"src="ikonka1.png" alt="" />Jakis tekst.Jakis tekst.Jakis tekst.<img
class="pozycja4" src="ikonka1.png" alt="" />Jakis tekst.Jakis tekst.Jakis tekst.</div>
<div id="search">
<form id="searchform" method="get" action="">
<fieldset>
<input type="text" name="s" id="s" size="12" value="" />
<input type="submit" id="submit" value="" />
</fieldset>
</form>
</div>
</div>
</body>
</html>

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    738

Skoro nie wiesz co jest przyczyną to zrzynasz skądś kod? Bo skoro coś dodajesz w kodzie to prawdopodobnie szukałeś, a tutaj widać, że nie masz pojęcia co umieściłeś.

Nic się nie pojawia bez przyczyny, bo sam umieściłeś ową funkcję. Za to "obramowanie" odpowiada -

<fieldset></fieldset>
Edytowane przez ShanonWEB

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ghost14    28

jak to zapisac w css?

<html>
<head>
<title>www</title>
<style>
#box1{width:900px;height:1020px;background-color:black;}
.p1{color:white;}
.p2{color:white;}
#search{position:relative; top:-1630px; left: 620px;border:0px;}
#submit{position:relative; top:20px;background:url(go.png);width:50px; height:50px; background-size:50px 
50px;border:0px;}
ul,li {float:left;color:white;padding:10px;}
.nav1,li{color:green;}
</style>
</head>
<body>
<div id="box1">
<div id="box2"><img src="logo.png" width="350" height="150"></div>
<div id="box3" style="position:relative; top:-130px; left:350px;"><p class="p1">
<ul>
<li>page1</li>
<li>page2</li>
<li>page3</li>
<li>page4</li>
<li>page5</li>
</ul>
</p></div>
<div id="box4" style="position:relative; top:-60px; "><img src="baner.png" width="900" height="150"></div>
 
<div id="box5" style="position:relative; top:-60px; "><img src="ikonka1.png" width="80" height="80"><p 
 
style="color:white; position:relative; top:-65px; left:60px; ">jakis przykladowy tekst.</p></div>
 
<div id="box6" style="position:relative; top:-200px; right:-600px;"><img src="ikonka1.png" width="80" 
 
height="80"><p style="color:white; position:relative; top:-65px; left:60px; ">jakis przykladowy 
 
tekst.</p></div>
 
<div id="box7" style="position:relative; top:-260px; left:15px;"><img src="obrazek1.png" width="200" 
 
height="150">
<p style="color:white; position:relative; top:-130px; left:200px; width:400px; height:100px; 
 
border-radius:15px;">jakis przykladowy tekst.jakis przykladowy tekst.jakis przykladowy tekst.jakis 
 
przykladowy tekst.jakis przykladowy tekst.</p></div>
 
<div id="box8" style="position:relative; top:-600px; left:220px;"><img src="kreska1.png" width="425" 
 
height="150"></div>
 
<div id="box9" style="position:relative; top:-690px; left:620px;"><img src="obrazek2.png" width="80" 
 
height="80"></div>
 
<div id="box9" style="position:relative; top:-630px; left:480px;">
<p style="color:white; position:relative; top:-120px; left:200px; width:200px; height:100px; 
 
border-radius:15px;">jakis przykladowy tekst.jakis przykladowy tekst.jakis przykladowy tekst.jakis 
 
przykladowy tekst.jakis przykladowy tekst.</p></div>
 
<div id="box8" style="position:relative; top:-960px; left:690px;"><img src="kreska1.png" width="190" 
 
height="150"></div>
 
<div id="box9" style="position:relative; top:-960px; left:20px;"><img src="kreska1.png" width="645" 
 
height="150"></div>
 
<div id="box10" style="position:relative; top:-900px; left:0px;">
<p style="color:white; position:relative; top:-120px; left:20px; width:300px; height:100px; 
 
border-radius:15px;">jakis przykladowy tekst.jakis przykladowy tekst.jakis przykladowy tekst.jakis 
 
przykladowy tekst.jakis przykladowy tekst.</p></div>
 
<div id="box11" style="position:relative; top:-1150px; left:300px;"><img src="obrazek3.png" width="300" 
 
height="150"></div>
 
<div id="box12" style="position:relative; top:-1320px; right:-600px;"><img src="ikonka1.png" width="80" 
 
height="80"><p style="color:white; position:relative; top:-65px; left:60px; width:300px; height:100px; 
 
border-radius:15px;">Search</p></div>
 
<div id="box13" style="position:relative; top:-1540px; left:620px;"><img src="kreska1.png" width="230" 
 
height="150"></div>
 
<div id="search">
<form id="searchform" method="get" action="">
<input type="text" name="s" id="s" size="12" value="" />
<input type="submit" id="submit" value="" /></form></div>
 
<div id="box14" style="position:relative; top:-1630px; left:10px;"><img src="przycisk1.png" width="130" 
 
height="50"></div>
 
<div id="box15" style="position:relative; top:-1450px; left:10px;"><img src="stopka.png" width="900" 
 
height="80"></div>
 
<div id="box16" style="position:relative; top:-1250px; left:10px;">
<ul style="position:relative; top:-280px;">
<li>page1</li>
<li>page2</li>
<li>page3</li>
<li>page4</li>
<li>page5</li>
</ul>
</div>
<div id="box17">
<p style="color:blue; position:relative; top:-1510px; left:20px; width:900px; height:100px;">jakis przykladowy  tekst.jakis przykladowy tekst.jakis przykladowy tekst.</p></div>
</div>
</body>
</html>
Edytowane przez ghost14

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×