www.psy-coding.de

taffrot · 16.05.2009

www.psy-coding.de !!UPDATE!!

So, nachdem sich die Idee mit der "ganz tollen Community" für mich erledigt hat, habe
ich mir gedacht ich mach mal wieder was für meine Homepage.
Die Idee ist ganz einfach: einfach und klein

Anregungen und Kritik gerne gesehen

p.s. die farben sollen so...falls es jmd nicht gefällt
pp.s. mir ist klar, dass an der Seite "nicht viel dran" ist, aber das mag ich so

ppp.s ^^ logo ist noch in bearbeitung, kommt natürlich auch noch

cheers

cebito · 16.05.2009

AW: www.psy-coding.de

Schön schlicht, mir gefällts.

MrIous · 16.05.2009

AW: www.psy-coding.de

p.s. die farben sollen so...falls es jmd nicht gefällt

gefallen mir

pp.s. mir ist klar, dass an der Seite "nicht viel dran" ist, aber das mag ich so

ist ja noch garnix drinn

ppp.s ^^ logo ist noch in bearbeitung, kommt natürlich auch noch

Bin gespannt

Wenn man bei "Tutorials" ist, kann man nicht auf "Links" drücken, sonst gehts

taffrot · 16.05.2009

AW: www.psy-coding.de

Wenn man bei "Tutorials" ist, kann man nicht auf "Links" drücken

FIXED - Danke

Ausserdem noch schnell ein Text rein gemacht

cebito · 16.05.2009

AW: www.psy-coding.de

taffrot schrieb:
Ausserdem noch schnell ein Text rein gemacht

Für die Schrift solltest auf jeden Fall was zum vergrößern anbieten. Außerdem ist mir grad aufgefallen, dass du mit Frames arbeitest, solltest du vermeiden und ist bei deiner Seite auch völlig unnötig.

taffrot · 16.05.2009

AW: www.psy-coding.de

Ich will dir nix vormachen....ich bin ein totaler anfänger in websprachen...
ich kann bissl HTML und bissl PHP aber mehr geht bei mir nicht.

Frage: Wieso vermeiden?

sokie · 16.05.2009

AW: www.psy-coding.de

warum ist da kein html text? (und ein alternativtext ist auch nicht da)
wenn text als Grafik dargestellt wird, wird es ausserdem schwierig eben schnell die Rechtschreibfehler zu korrigieren.

taffrot · 16.05.2009

AW: www.psy-coding.de

sokie schrieb:
warum ist da kein html text? (und ein alternativtext ist auch nicht da)
wenn text als Grafik dargestellt wird, wird es ausserdem schwierig eben schnell die Rechtschreibfehler zu korrigieren.

ja hab es nur kurzfristig grad so gemacht, weil ich den text schonmal als Dummytext in
PS drin hatte und hatte keine lust dass in Dreamweaver rein zu machen.
Das kommt AUF JEDEN FALL noch

Zum alternativtext: frag mich was leichteres...ich hab eigentlich einen rein ^^

cebito · 16.05.2009

AW: www.psy-coding.de

taffrot schrieb:
Frage: Wieso vermeiden?

Subotnik: Warum Frames out sind (und es schon immer waren...)

Zer0X · 16.05.2009

AW: www.psy-coding.de

Ich finde das Homepage layout auf jedenfall TOP Schlicht und nicht zuviele Farben.
Und deine Idee mit Programmieren find ich auch sehr gut.

taffrot · 16.05.2009

AW: www.psy-coding.de

danke

ich muss nur noch nach und nach die frames rausbekommen (obwohl ich immernoch kA von CSS usw. hab ^^) naja mal schauen

cebito · 16.05.2009

AW: www.psy-coding.de

taffrot schrieb:
(obwohl ich immernoch kA von CSS usw. hab ^^) naja mal schauen

soviel brauchst für die Seite gar nicht und dann gibts da ja immer noch dieses Forum

densto · 16.05.2009

AW: www.psy-coding.de

Sieht gut aus, bin mal auf dein logo gespannt und auf die ausarbeiteung!
Sonst, Deisgn etc TOP!!!!

Dennis

taffrot · 17.05.2009

AW: www.psy-coding.de

hab schnell ne neue index seite hochgeladen...
Irgendwie gefällt mir das "Ding" links oben...
urteilt selbst

und kommt ja nicht mit der seite: Nein das ist kein Logo...das ist mir selber klar. Ich bin halt altmodisch und bleib beim einfachen text

Bikermieze · 17.05.2009

AW: www.psy-coding.de

Die Farben finde ich einwandfrei und die Schlichtheit überzeugt mich sehr! Weiter so!

taffrot · 17.05.2009

AW: www.psy-coding.de

aber immer

was haltet ihr von dem "logo" ^^ ?

Herr_D · 17.05.2009

AW: www.psy-coding.de

cebito schrieb:
Subotnik: Warum Frames out sind (und es schon immer waren...)

Wenn du nochmal richtig guckn würdest: Der Frame ergibt sich nur durch die Webadresse... die eigentliche Seite ist nicht in frames aufgebaut dafür aber in html-Code a la 1996

Man beachte den Titel: psy-coding

und dann den Quelltext:

HTML:

<html>
<head>
<title>www.psy-coding.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<div align = "center">
<body bgcolor="#045659" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('rollover/images/rollover_08.png','rollover/images/rollover_10.png','rollover/images/rollover_12.png','rollover/images/rollover_14.png')">
<!-- Save for Web Slices (technical_websitelayout.psd) -->
<table id="Table_01" width="901" height="801" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_01.png" width="200" height="129" alt=""></td>

		<td colspan="12">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_02.png" width="534" height="129" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_03.png" width="166" height="129" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="129" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">

			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_04.png" width="156" height="22" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_05.png" width="12" height="18" alt=""></td>
		<td colspan="2"><img src="rollover/images/rollover_06.png" alt="Home" width="43" height="18"></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_07.png" width="8" height="18" alt=""></td>
		<td><a href="projects.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image51','','rollover/images/rollover_08.png',1)"><img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_08.png" alt="Projects" name="Image51" width="59" height="18" border="0"></a></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_09.png" width="9" height="18" alt=""></td>

		<td><a href="tutorials.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image52','','rollover/images/rollover_10.png',1)"><img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_10.png" alt="Tutorials" name="Image52" width="64" height="18" border="0"></a></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_11.png" width="8" height="18" alt=""></td>
		<td><a href="links.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image53','','rollover/images/rollover_12.png',1)"><img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_12.png" alt="Links" name="Image53" width="39" height="18" border="0"></a></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_13.png" width="10" height="18" alt=""></td>
		<td><a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image54','','rollover/images/rollover_14.png',1)"><img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_14.png" alt="Contact" name="Image54" width="58" height="18" border="0"></a></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_15.png" width="77" height="18" alt=""></td>

		<td colspan="3" rowspan="2">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_16.png" width="357" height="22" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td colspan="12">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_17.png" width="387" height="4" alt=""></td>
		<td>

			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_18.png" width="156" height="375" alt=""></td>
		<td colspan="13" rowspan="2">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_19.png" width="498" height="442" alt=""></td>
		<td colspan="2">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_20.png" width="246" height="375" alt=""></td>

		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="375" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_21.png" width="156" height="88" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_22.png" width="246" height="88" alt=""></td>
		<td>

			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="67" alt=""></td>
	</tr>
	<tr>
		<td colspan="13">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_23.png" width="498" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>

		<td colspan="13">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_24.png" width="498" height="20" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="20" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_25.png" width="156" height="186" alt=""></td>
		<td colspan="13">

			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_26.png" width="498" height="186" alt=""></td>
		<td colspan="2">
			<img src="http://www.psd-tutorials.de/modules/Forum/images/index_2_27.png" width="246" height="186" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="186" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="156" height="1" alt=""></td>

		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="32" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="8" height="1" alt=""></td>
		<td>

			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="59" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="9" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="64" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="39" height="1" alt=""></td>

		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="58" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="77" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="111" height="1" alt=""></td>
		<td>

			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="80" height="1" alt=""></td>
		<td>
			<img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="166" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
</div>
<!-- End Save for Web Slices -->
</body>
</html>

Die Tabellenstruktur ist mir fast egal, aber ne Seite ohne doctype ins Netz zu stellen, spacer.gifs sind Faulheit beim Coden.... usw. usf... wenn man sich schon "größenwahnsinnig" psy-coding nennt, solltest du auch wirklich auf 1a Code achten... (x)html und css lautet das Dreamteam...

<div align = "center"> vor dem Body-Tag? *hust*

Farbe und background finde ich gelungen...

cebito · 17.05.2009

AW: www.psy-coding.de

Herr_D schrieb:
Wenn du nochmal richtig guckn würdest: Der Frame ergibt sich nur durch die Webadresse... die eigentliche Seite ist nicht in frames aufgebaut dafür aber in html-Code a la 1996

Hatt ich dann auch noch gesehn, weil ich noch dem aus dem Frameset gefolgt bin, war nur zu müde hier noch was zu posten

taffrot · 17.05.2009

AW: www.psy-coding.de

Herr D:

der Titel psy-coding bezieht nicht auf Scriptsprachen, es geht lediglich um C++ und später dann auch um Assembler. D.h. wie ich bereits erwähnt habe bin ich in Scriptsprachen nicht gut und deshalb ist der code auch so schlecht.
Deshalb bin ich hier...um mir helfen zu lassen

cheers

Herr_D · 17.05.2009

AW: www.psy-coding.de

taffrot schrieb:
Herr D:

der Titel psy-coding bezieht nicht auf Scriptsprachen, es geht lediglich um C++ und später dann auch um Assembler. D.h. wie ich bereits erwähnt habe bin ich in Scriptsprachen nicht gut und deshalb ist der code auch so schlecht.
Deshalb bin ich hier...um mir helfen zu lassen

cheers

Das wird aus der Vorstellung der Seite nicht deutlich... aber mal so unter uns Königskindern: Wenn du c++ so gut kannst, dass du ne Seite darüber erstellen kannst, sollte es wohl kein Problem darstellen, eine einfache (x)html und css Seite zu bauen...

Wie gesagt: Layout ist ansprechend, Umsetzung mangelhaft...