Pomoc ze stroną, opinia i pytania.

1 Lipca 2014

Może tak, zrobiłem se stronke

iwhu.esy.es

tak, żeby se popisać. No i to pisanie mi się podobało, więc dałem linka. I ludzie wchodzą, patrzyłem na wyświetlenia i nawet rejestrują się z mojego refflinka. Stąd wiem, że ktoś tam zerkał.

Poczytałem o Web designu i myślałem jak co zrobić. Teraz jestem w trakcie tworzenia logo, bo to jakiś ziomek z MPC dał, to nie wybrzydzam, nawet fajne.

No to plik css, który zrobiłem dzisiaj.

body {
 background-image: url("background2.png");
 /*albo backgound-color: black; background-image: url ("");*/
}



/* okienka z informacjami/tekstem */

div.okno {
        border-width: 2px;
		border-style: groove;
		border-color: black;
		background-color: grey;
		width: 500px;
        margin-left: 300px;
	    padding: 10px;
		opacity: 0.5;
}
div.naglowek {
        border-top-left-radius: 15px ;
		border-top-right-radius: 15px ;
        border-width: 2px;
		border-style: groove;
		border-color: black;
		background-color: orange;
		width: 500px;
	    padding: 10px;
	    margin-left: 300px;
}
  


/* boczne menu*/

Menu, jest takie jak na stronce, tego sam nie robiłem, wziąłem z CSS Menu Maker.

Dalej, zawartość stronki:

<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css" />
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
I Will Help You
</title>

</head>

<body>
<div id='okno2'><img width='200px' src='iwhu.png'></br></br>
TUTAJ MENU ALE KOD JEST DŁUGI
</div>

div class='naglowek'><span class="gtekst">Strona główna</span></div>
<div class="okno">
<span class='tekst'>
Witam!</br>
Potrzebuje pomocy 
</span>
</div>


</body>

</html>

I teraz, gdy mam:

opacity: 0.5;

to jak zrobić, aby tylko okno było przezroczyste, a tekst normalny?

Tak samo z obrazkami w oknie, też się robią przezroczyste.

Dalej, mam obrazek na stronce, i chcę żeby każdemu dopasowywał się jakoś i jak się przewija w dół - stał w miejscu.

Jestem zielony w tych rzeczach i długo uporałem się z tym wyżej.

3 Lipca 2014

Zrobiłem opacity z 0.5 do 0.9 i jest git teraz.

Temat chwilowo zawieszony. Inne pytania zadam.

@Edit

A jaki border ramki jest najlepszy?

3 Lipca 2014

Tło jest za ciężki i brzydkie, zmień. 2mb na tło to zdecydowanie za dużo ogranicz się do 500kb max.

slepiec68 · 4 Lipca 2014

1. brak !DOCTYPE

2. mimo, ze strona jest w stanie zmiescic sie w 981px to przy rozdzielczosci 1280px pojawia sie poziomy suwak - nie wyglada to zbyt pro

3. czy te SPAN-y w menu sa niezbedne?

<li><a href='riotpointssposoby.html'><span>Riot Points - sposoby</span></a></li>

przy okazji troche poszatkowany masz ten css - wypadaloby go troche posprzatac bo za jakis czas sie zdziwisz, ze zmieniles cos a efektu brak

#cssmenu {
	border : 0;
	left : 10px;
	margin : 0;
	padding : 0;
	position : relative;
	top : 25px;
}

/* Custom CSS Styles */
#cssmenu {
	font-family : 'Segoe UI', Arial, sans-serif;
	font-size : 11px;
}

...

#cssmenu ul li {
	float : left;
	line-height : 1.5em;
	min-height : 1px;
	vertical-align : middle;
}

#cssmenu ul li {
	float : none;
}

#cssmenu ul li {
	color : #000000;
	position : relative;
}

...

4. chyba kochasz span, bo kilka linijek nizej znowu w duecie i z ta sama klasa co div

<div class="tekst">
<span class="tekst">
...
</span>
</div>

sam sobie utrudniasz zycie - usun span a w css popraw

.tekst {
color: white;
font-family: 'Roboto', sans-serif;
width: 700px;
padding-left: 250px;
}

i bedzie smigalo

5. obrazki

<img src="dogry.png" width=500px height=250px>

- brak alt - alt chociaz pusty ale powinien byc i jesli podajesz wys i szer w starym stylu to z zalozenia sa PX wiec nie podajesz jednostki i wypadaloby je ubrac w cudzyslowy np tak

<img src="dogry.png" alt="pic" width="500" height="250">

6. CENTER juz sie nie uzywa

<center>
<!-- www.DarmowyLicznik.pl -->
...

Zaloguj się

👋 Witaj na MPCForum!

Pomoc ze stroną, opinia i pytania.

Rekomendowane odpowiedzi

Gość

Gość

Gość

Gość

Gość

Gość

slepiec68

slepiec68

Zarchiwizowany