Beiträge von kensworld

überprüf mal die Dateiendungen und die dazugehörenden Dateiverweise auf richtigkeit.

z.B. Datei=image.jpg
Dateiverweis=image.JPG

oder umgekehrt.
Also die Groß- und Kleinschreibung

Gruß
Ken

So, ich bin nochmal in mich gegangen und habe ein wenig gegoogelt und gebastelt.

Das Resultat ist wesentlich dezenter und, Denke ich, angenehmer zu betrachten.

Es ist nur ein Anfangslayout, aber ich Denke ich kann darauf aufbauen.

Spielereien habe ich weggelassen, fürs erste. Das Menue ist mit css erstellt.

Einzige Seite, auf der zur Zeit ein INhalt vorhanden ist, ist das Impressum.

Last mal hören, was Ihr Denkt.

http://www.kensworld.de

Gruß
ken

Danke für den Tipp, aber was gefällt nicht.

evtl. ein wenig konstruktive Kritik? Damit kann ich mehr anfangen, als mit mach einafch neu, oder so....

mit css kenne ich mich noch überhaupt nicht aus..........

is schon klar.....

aber auf das Niveau begebe ich mich mich erst gar nicht.

so, habe das Problem gelöst.

Nun geht es nur noch um das Layout.

Ich gehe mal ganz dezent über den letzten Komentar hinweg, denn ohne zu sagen was scheisse ist, ist der Komentar nicht eines Blickes würdig.

Klar ist auch, daß das Seitenthema eher etwas spezieller ist, genauso wie die Gamerseiten nicht jedermanns Sache sind.

Gruß
Ken

Ich habe es nochmal etwas geändert.

Aber ich flippe hier noch aus.

Folgendes:

Ich habe ein paar Tabellenzellen auf die seite gesetzt. Oben bei den Buttons. Je button eine Zelle und für den Seiten Hintergrund..

Wenn ich nun versuche eine Textinhalt auf den Hintergrund zu setzen, verschiebt sich das Hintergrundbild nach unten und der Text steht über dem Hintergrundbild.

Irgendwie muß ich einen Denkfehler haben.

Helft mir mal bitte auf die Sprünge.

Gruß
ken

@ driver,

Danke für die Rückinfo.

Zum Menue:
Ja, es ist noch nicht optimal, wenn man aber mit der Maus auf die Buttons (Einschußlöcher) geht, sollte der dahinter liegende Link erscheinen (alternativ Text). Aber das werde ich noch weiter ausbessern.
Ich möchte auch das Menue auf der Zielscheibe, also dem Hintergrundbild, positionieren. Hänge aber da noch ein wenig fest. Irgend ne Idee?

Die Hintergrundgrafik würde ich gerne, wenn möglich ohne css Datei (da ich noch nicht soweit bin) automatisch an die Auflösung anpassen wollen.
Sie sollte also dynamisch werden, aber da habe ich mit auch schon nen Wolf gesucht und bin nicht fündig geworden. Meine aber vor längerer Zeit das schonmal hinbekommen zu haben.

Ich habe hijnter dem zweiten Button (Einschussloch) ein weitere Seite hinterlegt, bei dem das Gewehr nicht drauf ist. Als Vergleich. Mir gefällt es ohne irgendwie besser.

Was meint Ihr?

Gruß
ken

So, ich habe nun ein neues Layout erstellt. Ohne java von Hand.

Es ist erstmal nur die Startseite vorhanden, ohne Inhalte.

Mit dem Gewehr auf der linken seite bin ich mir aber noch nicht so sicher.
Was meint Ihr?

http://www.kensworld.de

Gruß
ken

Danke Dir, so habe ich es dann auch gemacht.

Hi,

hab da mal ne Frage zu The Gimp.

Ich habe ein .jpg Bild, daß ich für meine neue Webseite als Hintergrung verwenden möchte.
Nun möchte ich dieses Bild nehmen und es blasser machen, z.B. durch Transparenz oder ähnlich.
Nur immer wenn ich die Transparenz anwende und das Bild speichern möchte, bekomme ich die Meldung daß jpeg keine Transparenz kennt. Gleiches bekomme ich bei gif.

Wie kann ich das Bild blasser machen?

Gruß
ken

@ greg

das ist ja nicht das Thema. Das Self html Buch habe ich auf meinem Schreibtisch liegen.
Habe auch schon einige Seiten selber gebaut.
Ich wollte nur mal, nach einem Bericht bei giga xPage mal ausprobieren.

das mit dem java, da stimme ich prinzipiell zu.
Ist halt so, daß die Free-Version von xPage nur java basierende websites erstellt und für die Vollversion bin ich einfach zu geizig. In der Vollversion können auch normale html Seiten erstellt werden.

@ driver

das mit dem blauen Rahmen, nun daß ist dummerweise der Hintergrund des Headerfeldes.
Das grün habe ich geändert, muß es nur noch hochladen.

Gruß
Ken

Nach langer Zeit habe ich mal wieer ne neue Webseite gebaut.

schuat sie Euch mal an:

http://www.kensworld.de

Mit dabei ist auch ein Forum, wo aber noch keine Postings drin sind (suche noch Mitglieder).

Mir gehte s erstmal nicht um den Inhalt der Webseite, da dieer eher etwas spezielle ist und noch überarbeitet werden muß, sondern eher um das Design.

Erstellt wurde die Seite mit x-page (vorsicht: Java basierend), was das ganze relativ einfach gemacht hat.

Also, last mal hören.

Gruß
ken

Hi,

hier ist die css Datei:

Zitat

/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
/* font-family: "Trebuchet MS", Arial, sans-serif; */
font-family: Arial, Helvetica, sans-serif;
background: #a9ac99 url(images/roonit.gif) no-repeat top right;
color: #333;
text-align: center;
}

#page {
background-color: #DBDBDB;
border: 1px solid #959596;
text-align: left;
}

#header {
background-color: #DBDBDB;
}

#content {
font-size: 1.2em
}

#pages {
background: #fff;
font-size: 12px;
margin-left: 10px;
padding: 4px ;
width: 90%
}

#pages li {
display: inline;
list-style-type: none;
}

#pages ul, ol {
margin: 0;
padding: 5px 1em 5px 1em;
}

#pages a {
background: #dddddd;
font-weight: bold;
margin: 0 3px 0 0;
padding: 6px 6px;
}

.widecolumn .entry p {
font-size: 1.2em;
color: #07293C;
}

.#column .entry, .widecolumn .entry {
line-height: 1.4em;
}

.narrowcolumn {
line-height: 1.4em;
}

.narrowcolumn .postmetadata {
text-align: right;
font-size: 0.9em;
width: 450px;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
padding: 0px 0 3px 0;
}

.alt {
background-color: #FAFAF6;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#footer {
background-color: #eee;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3 {
font-family: Helvetica, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 4em;
text-align: center;
}

.description {
font-size: 1.2em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h2.pagetitle {
font-size: 1.6em;
}

#sidebar h2 {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.2em;
}

h3 {
font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: #FFFFFF;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

.entry p a:visited {
color: #596D85;
}

.entry p a:hover {
color: #FFFFFF;
}

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
font-weight: bold;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
font-weight: normal;
}

#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

a,h3 a:hover {
color: #596D85;
text-decoration: none;
}

h2 a:hover {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
background-color: #596D85;
}

#wp-calendar #prev a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */

/* Begin Structure */
body {
margin: 0;
padding: 0;
}

#page {
background-color: white;
margin: 0px auto;
padding: 0;
width: 760px;
border: 1px solid #959596;
}

#header {
padding: 0;
margin: 0 auto;
height: 200px;
width: 100%;
background-color: #73a0c5;
}

#headerimg {
margin: 0;
height: 200px;
width: 100%;
}

.narrowcolumn {
float: left;
padding: 0 25px 20px 45px;
margin: 0px 0 0;
width: 450px;
border-right: 1px dotted #CCC;
}

.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}

.post {
margin: 0 0 40px;
text-align: justify;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 30px 0;
}

#footer {
padding: 0;
margin:0px auto!important;
margin:0px 0px 0px 1px;
width: 760px;
clear: both;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */

/* Begin Headers */
h1 {
padding-top: 22px;
margin: 0;
text-align: left; padding-left: 28px;
}

.description {
text-align: left; padding-left: 30px;
}

h2 {
margin: 30px 0 0;
}

h2.pagetitle {
margin-top: 30px;
text-align: left;
}

#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}

h3 {
padding: 0;
margin: 30px 0 0;
}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */

/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}

#sidebar #searchform #s {
width: 115px;
padding: 2px;
}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 100%;
padding: 2px;
}

#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */

/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */

/* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}

#sidebar form {
margin: 0;
}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
It won't be a stylish marriage, I can't afford a carriage.
But you'll look sweet upon the seat of a bicycle built for two." */

Alles anzeigen

Gruß
Ken

Hallo,

hab da mal ne Frage.

Ich habe mir mit Wordpress eine neue seite gebaut.
Soweit gefällt sie mir auch ganz gut, auch das verwendete Template.

Alelrdings wirkt das Template auf großen Bildschirmen etwas zu schmal, daher würde ich es gerne breiter machen.
Kann mir einer sagen, welche Datei ich verändern muß, um das ganze breiter zu machen?

Ich habe mal alle vorhandenen php Dateien und die css Datei durchgeschaut, bin aber nicht wirklich schlau daraus geworden.

Wäre echt super, wenn mir einer kurz helfen könnte.

Gruß
Ken

es ist meiner Meinung nach zu voll.
Ich meine zuviele Foren und dadurch zu unübersichtlich.

Gruß
Ken

super, danke für die Tipps.

Gruß
Ken

hmmmmm,

ich habe es mal auf weiß umgestellt.

Sieht gar nicht mal so schecht aus, finde ich. Was meinst Du?
Ist aber schon etwas grell, oder nur Gewöhnungsbedürftig?

Gruß
Ken

Hi,

ich habe einen das rot gegen einen blasseren grau Ton genommen.
Ich finde weiß wäre wieder zu grell, doer etwa nicht?

Gruß
Ken

So, ich he die Schrieftfarbe im Header geändert.

Ein wenig Grell, oder?

Muß manl schauen ob ich mit der Pipette die Farbe des HP Logos verwenden kann.

Gruß
Ken