Gå til innhold

Kommentarer for Pjat . chat


Anbefalte innlegg

Videoannonse
Annonse

Alright, håper du har lært mye av dette prosjektet :) Det du burde jobbe på er og få siden din HTML Valid (W3C), da den ikke er det enda, også burde du virkelig gjøre noe med designet ditt. Lære litt CSS.

 

Jeg tok meg den frihet til og fikse det litt selv:

 

* {
	font-family: "Verdana", "Sans", "Sans-Serif";
}
	body{
	background-color: #FFFFFF;
}
	#content{
	height:700px;
	border: 1px solid #000;
	width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	}
	#message{
	width: 85%;
	border: 1px solid #000;
	border-top-color: #a6a6a6;
	border-left-color: #a6a6a6;
	padding: 3px;
	margin-right: 5px; 
	-moz-border-radius: 3px;
	}
	/*-moz-opacity 0~1*/
	#write{
	padding-left: 5px;
	background-color: #f6f6f6;
	border: 1px solid #000;
	border-top-color: #a6a6a6;
	border-left-color: #a6a6a6;
	padding: 2px; 
	-moz-border-radius: 3px;
	}

h2 { font-family: "Cambria", "Helvetica"; font-weight: normal; font-size: 28px; }

	#name{
	background-color:#FFF;
	width:50px;
	}
	#name b { font-weight: normal; }
	#last{
	position:absolute;
	left:400px;
	top:0px;
	height:400px;
	float:right;
	color:navy;
	background-color: #FFF;
	padding:5px;
	/*z-index:-23*/
	}
	.last{
	border:groove navy 2px;
	background-color:#ffa;
	}
	#TS{
	line-height: 35px;
	}
	#users_online{
	background-color: #bbf;
	color: navy;
	border: 3px solid #55e;
	max-height:250px;
	min-width:50px;
	outline: 2px solid #99a;
	margin:3px;
	padding-top: 4px;
	overflow:scroll;
	}
	td{
	border:#aaa solid 2px;
	}
	#info_message{
	background-color:red;
	color:white;
	border: 1px white solid;
	position:absolute;
	left: 200px;
	top: 350px;
	padding:3px;
	}
	#content_holder{
	position:absolute;
	left:0px;
	top:0px;
	background-color:#FFF;
	width:400px;
	height:150%;
	z-index:-23;
	}
	#some_div{
	position:absolute;
	top:0px;
	background-color:#FFF;
	left:900px;
	width:100%;
	height:150%;
	z-index: -22;
	}
	.user_button{
	background-color:#aaa;
	width:475px;
	padding:4px;
	}
	.review{
	background-color:#FFF
	}
	#reviews_div{
	background-color:#FFF;
	padding:5px
	}
	.review_user{
	font-size:12px;
	color: #a6a6a6;
}
#log_in_div { background-color: transparent; color: #FFF; display: none; }
#log_in_div img { display: none; }
#log_in_div table { position: absolute; }
#last { display: none; }

 

Merk at nå fjerna jeg login boksen. Da du burde forandre den. Kanskje lage en ting på toppen av siden hvor folk kan logge inn. Ala Pixel2life.com feks.

 

Også er det fint at du prøver og lære AJAX fra grunnen av, men jeg anbefaler deg for og slippe og finne opp hjulet på nytt: Bare bruk jQuery :)

 

Jo også den boksen som hopper opp og ned om du gjør noe galt / riktig. Kan helt ærlig ikke si at jeg fant helt sansen for den, den var bare irriterende.

 

 

Der har du mine synspunkt, fortsett videre! :D

 

Jo, også en ting til...Passordet ditt står i klar tekst i Javascript, og hvis man vil komme forbi blokken så bare skrur man av Javascript :)

Endret av TheRealL
Lenke til kommentar

@TheRealL

 

Takk for tilbakemelding! :D

Den css koden skal jeg prøve.

Det med log-in boksen; jeg har jo en "boks" til venstre der man chatter, og den log-in boksen til høyre, den blir jo etterpå brukt til liste over folk som er pålogget... hva syns du jeg skal bruke den til før man logger inn da?

 

Og det siste du påpekte; hvilket passord, på hvilken blokkering? Kan nok ikke huske i farten på noen passord på klient-siden :hmm:

 

@GeirGrusom

Dessverre så virker det bare i FireFox :( Stenger folk som ikke bruker firefox ute for å ikke lage noe "krøll"...

Jeg kan fjerne blokkeringen så du får prøve, men jeg tror ikke det virker (jeg tror det er AJAX som ikke fungerer)

Lenke til kommentar

Ser ut som du har fjernet det. Anyways, det jeg mente var at....okay, et bilde sier mer en 1000 ord, så jeg slenger heller med et bilde jeg :)

 

eksempel.png

 

Trengs selvfølgelig ikke og følges til punkt og prikke, men ja, sånn ville ivertfall jeg foretrekket at det så ut :)

 

Btw, en liten advarsel, ser vist ut som noen har kommet meg i forkjøpet med og teste dette, men siden din er vist vulnerable for angrep.

 

<style>#elem{z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: black;color: red;}</style><div id=elem><p align=center><iframe src="[url="view-source:http://meatspin.com/"]http://meatspin.com/[/url]" width="1200" height="1000"></iframe>

Dette dukka opp når jeg besøkte den nå. test5 har vist hatt det veldig gøy...

 

Lenke til kommentar

@TheRealL

 

Ok skal endre utseende til Pjatt senere :D akkurat nå holder jeg på å vende meg til Linux.

 

Og det med advarselen: hvordan? hvem? hvordan fjerner jeg det og hvorfor er det slik?

 

EDIT: åja sånn ja. Har sletta det! Glemte å bruke htmlentities på reviews :S

Endret av PSycHOerlENd
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...