Antworten zum Thema „Eigene Homepage auf jimdo“

HankTheTank · 15.10.2010

Hallo an alle Webprofis und Webdesigner,

ich bin wie man sehen kann noch recht neu hier im Forum und war wenn denn nur im Bereich Bildbearbeitung und Fotografie unterwegs.
Nun habe ich vor ca 2 Jahren auf der Seite Jimdo.com meine eigene Homepage erstellt, welche hauptsächlich Freunden und Bekannten aber auch dem rest der Welt

meine Fotos zeigen sollte! Soweit erst einmal!

Mein Problem ist, dass ich für die ganze Seite eigentlich immer kein Geld ausgeben wollte, weil ja eigentlich die Fotografie an sich schon eine recht kostenspielige sache ist und die Homepage von mir nur so aus Spaß nebenbei betrieben wird! Was mich jedoch stört sind die "free" designs und diese nervige werbung! Da ich finde dass die Bilder auf schwarz besser zur geltung kommen, aber die werbung ein großer weißer fleck ist und das Menü daher irgendwie auf dem ersten blick untergeht!

Auf Jimdo selbst steht auch immer man kann sich sein design selber schreiben... da ich aber ein absoluter nix-könner in Html und co bin weiß ich nicht in wie fern ich da was am design ändern kann und deswegen wollt ich euch heute hier mal fragen...vll könnt ihr mir dazu mehr sagen, was es damit auf sich hat! wenn es möglich wäre würde ich ja irgendwie das Menü mehr in szene setzen und die werbung etwas weiter nach unten...

Nun aber mal einen Link zu meiner seite und dazu einen screenshot von dem was bereits in dem "selber design erstellen" fenster bereits drin steht!

Wäre cool, wenn ihr mir dort mal ein paar tips geben könntet bzw. ihr mir weiterhelfen könnt!

Der Komplette Text unter Html im "eigenen Layout" hier noch einmal:

Code:

<div id="container">
<div id="header">
  <h1>Headline</h1>
  <img src="header.jpg" alt="" />
</div>
<div id="navigation">
    <var>navigation[1|2|3]</var>
    <div id="sidebar"><var>sidebar</var></div>
</div>
<div id="content">
    <var>content</var>    
</div>
<div id="footer">
    <div class="gutter"><var>footer</var></div>
</div>
</div>

sokie · 15.10.2010

AW: Eigene Homepage auf jimdo

ich hoffe, dass du da ein paar gute Tipps bekommst, kann mir aber vorstellen, dass das eher mager ausfällt.
Vielleicht machst du dir mal gedanken, wie der Layout aussehen soll, welche bereiche du haben willst etc, und bedienst dich der mehrfach genannten Quellen um dich mit den Grundlagen auszustatten, die du für dein Vorhaben brauchst - da ist als erstes html und css gefragt.
Innerhalb der Jimdo Umgebung musst du Rücksicht auf die Gegebenheiten und Restriktionen usw. nehmen, auf dem eigenen Rechner kannst du so Gestalten, wie du das für richtig hältst. Auf den Code kann man dann bei Anfragen zu html/css hier im Forum eingehen, wärend dir mit den Jimdo Techniken nur die weiterhelfen können, die sich da schon eingefuchst haben (in der Regel werden das aber nicht die sein, die sich intensiv mit html/css und Templateerstellung auseinandersetzen)
Die andere Seite ist, dass du mit dem, was du bisher da im Netz hast, doch schon eine ansehnliche Seite hast.

ps: die Werbung beansprucht einen Raum, den Du eigentlich für deine Inhalte viel besser nutzen könntest.

JannisL · 15.10.2010

AW: Eigene Homepage auf jimdo

Die Werbung kann man nicht einfach entfernen, außer man zahlt Geld für die Seite. Ich würde einfach den Support fragen, ob man die Werbung an einer anderen Stelle (unten) setzten kann oder einfach schwärzer werden lässt.
Edit: Versuch mal den Code so zu ändern:

HTML:

<div id="container">
<div id="header">
  <h1>Headline</h1>
  <img src="header.jpg" alt="" />
</div>
<div id="navigation">
    <var>navigation[1|2|3]</var>
</div>
<div id="content">
    <var>content</var>    
</div>
<div id="footer">
    <div class="gutter"><var>footer</var></div>
</div>
</div>

Und zeig auch mal den Inhalt der CSS Seite, vielleicht kann man da was machen.

HankTheTank · 15.10.2010

AW: Eigene Homepage auf jimdo

Hallo nochmal,
mein internet ging vorhin irgendwie nicht mehr, aber nun ist es wieder da...ich hab das was du geschrieben hast mal eingefügt, weiß aber jetzt nicht genau was sich da getan hat...unter css steht folgendes :

Code:

                            /*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }

p {	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*  Layout
----------------------------------------------- */

body {
    background: #333333 url(bg.gif) no-repeat top left;
    padding:35px 0 0 0;
    margin:0;
    font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#container
{
    margin:0 auto;
    width:834px;
    background:white;
}

#header
{
    padding:17px;
}

#header h1,
#header a
{
    padding:0;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:30px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    color:#666666;
    text-align:right;
}

#header a:hover { text-decoration:none;  }


#navigation
{
    float:left;
    width:220px;
    padding:17px;

}
#sidebar
{
    padding-top:10px;
}

#content
{
    float:right;

    width:530px;
    padding:17px;

}

#footer
{
    clear:both;
    margin-top:10px;
    background:url(footer-bg.gif) repeat-x top;
    height:65px;
}

#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 90px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }

Tut mir leid...das ist ziemlich lang geworden?!

JannisL · 16.10.2010

AW: Eigene Homepage auf jimdo

Hab mich da mal angemeldet und ich schau mal, was man machen kann.

HankTheTank · 16.10.2010

AW: Eigene Homepage auf jimdo

JannisL schrieb:
Hab mich da mal angemeldet und ich schau mal, was man machen kann.

Cool Danke! Ich bin gespannt!

anoX · 16.10.2010

AW: Eigene Homepage auf jimdo

Die Werbung wirst Du wohl nicht weg bekommen, immerhin handelt es sich um einen Anbieter, der damit Geld verdient.

Weiter runter dürfte auch schwierig werden, da die Werbung in einem Container steckt, den Du per CSS nicht ansprechen kannst (div#cc-tp-sidebar). Du kannst lediglich die Sidebar an sich ansprechen.

Wenn Du ihr ein

Code:

margin: 300px 0 0 0px;

mitgibst, wandert sie runter. Die 300 sind natürlich nur ein Beispiel.

Ob das nun Sinn macht, weiß ich nicht. Vllt. kannst Du die Aufteilung an sich ändern? Vielleicht hast Du Infos, die in die Sidebar könnten, dann würde die Werbung automatisch nach unten wandern, wenn ich das richtig sehe.

Wenn Du den Hintergrund der Seite schwarz haben willst, musst Du in der CSS die Eigenschaften des bodys ändern.

Code:

body {
    background: #000;
    padding:35px 0 0 0;
    margin:0;
    font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

Ob Jimdo zulässt, die Navi zu ändern, weiß ich nicht, da auch hier die Divs wieder anders aussehen, als das, was Du in deiner CSS stehen hast.

Du könntest folgendes versuchen:

Code:

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
    background:#000;
}

ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#0099E1;
    border:none;
}

ul.mainNav1 a:hover
{
    background:#0099E1;
    color:#fff;

Bin aber nun nicht sicher, ob das den gewünschten Effekt mit sich bringt. :uhm:

Sollte es gehen, kannst Du natürlich noch die Farbwerte so verändern wie Du möchtest.

HankTheTank · 17.10.2010

AW: Eigene Homepage auf jimdo

Aso ich hab das jetzt eingefügt bis auf das erste...da wusste ich nicht genau wohin damit! Der Style hat sich um einiges geändert! Allerdings is das Fenster der Hauptseite irgendwie sehr doll nach rechts gerückt...und zwischen navi und dem Hauptfenster ist nun hammer viel platz...Cool wäre ja auch wenn das Hauptfenster breiter werden würde, aber dass is denn wieder nen anderer Schnack! Sag mal ob du dir das so vorgestellt hast oder ob du dir das so gar nicht gedacht hast?! wenn ich nun noch die navi leiste ordentlich größer und farbenfroher machen würde von der schrift und um die einzelnen dinger noch nen Schlichtes kästchen...denn würde die werbung weiter runter rutschen und an wirkung verlieren! Das wäre doch auch schon mal was!

La_SUNny · 02.11.2010

AW: Eigene Homepage auf jimdo

@Hank: War auf deiner Seite. Wie hast du letztendlich die Werbung wegbekommen?
Versuch mich auch grad bei jimdo....

HankTheTank · 05.11.2010

AW: Eigene Homepage auf jimdo

Adminleiste => einstellungen => Header bearbeiten:

#cc-tp-sidebar { display:none ;}

Sry, diese einstellung hatte ich vorher auch noch nie gesehen dort!

sokie · 05.11.2010

AW: Eigene Homepage auf jimdo

das ausblenden der Werbung per css oder javascript kann zur Löschung des Accounts führen. Habt ihr ja sicherlich im Kopf, dass das Teil der Spielregeln bei Jimdo ist, oder?

HankTheTank · 05.11.2010

AW: Eigene Homepage auf jimdo

Hab ich auch schon drüber nachgedacht! Hab auch schon überlegt mir dort das "Pro" packet zu besorgen...mal gucken...ich werde es einfach erst mal so lassen und bei jimdo noch mal genauer lesen...eigentlich steht überall nur dass die werbung nun mal bei basis dabei ist und man die nur mit Pro wegmachen kann :-D