Download 1.12.2

Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

Seiten: 1

#1 03. Januar 2012 12:14

JanusR
hat von CMS/ms gehört
Registriert: 03. Januar 2012
Beiträge: 8

HTML Webseite anpassen

Hallo zusammen,

ich besitze eine HTML Webseite und nun wollte ich diese auf CMS: Made Simple anpassen.
Vorweg ich bin im großen und ganzen ein Neuling in solchen Sachen.

Link: www.janus-raiden.de

Hoffe ihr könnt mir helfen smile.

Vielen Dank im vorraus...

JanusR

Offline

#2 03. Januar 2012 13:16

nockenfell
Moderator
Ort: Gontenschwil, Schweiz
Registriert: 09. November 2010
Beiträge: 2.934
Webseite

Re: HTML Webseite anpassen

Willkommen im Forum.

Das dürfte recht einfach zu machen sein. Erstelle erstmal ein neues Template. Als Vorlage werden dir die wichtigsten Tags bereits eingefügt.

Nun musst du dein HTML Template nehmen und dieses um die Smarty-Tags ergänzen. Das sind die Tags mit {ich_bin_ein_smarty_tag}

Danach fügst du die Stylesheets unter Stylesheets ein und verbindest diese mit dem Template oder bindest sie weiterhin statisch ein, wie auf deiner aktuellen Webseite.
Diese Webseite kann dir allenfalls beim einen oder anderen noch weiterhelfen: http://www.look-for-it.de/

Wenn du irgendwo stecken bleibst, einfach nachfragen (mit möglichst vielen Infos und Details zum Problem)

[dieser Beitrag wurde mit 100% recycled bits geschrieben]
Mein Blog  /   Diverse Links rund um CMS Made Simple
Module: btAdminer, ToolBox

Offline

#3 03. Januar 2012 13:36

JanusR
hat von CMS/ms gehört
Registriert: 03. Januar 2012
Beiträge: 8

Re: HTML Webseite anpassen

Ähm ok, klingt einfach, nur habe ich im Grunde nix kapiert^^... Wie gesagt bin Neuling...

Wie erstelle ich ein neues Template? Und wie verbinde ich des dann...

Beitrag geändert von JanusR (03. Januar 2012 13:39)

Offline

#4 03. Januar 2012 13:43

engel1963
kennt CMS/ms
Registriert: 08. Dezember 2010
Beiträge: 105

Re: HTML Webseite anpassen

Schau mal da. Ist zwar etwas älter sollte aber helfen.

Offline

#5 03. Januar 2012 13:50

JanusR
hat von CMS/ms gehört
Registriert: 03. Januar 2012
Beiträge: 8

Re: HTML Webseite anpassen

hmm aber der zeigt Sachen, die ich mit meinem Browser gar nicht machen kann... z.B. dieses CSS Dings da...

Schafft des vll einer von Euch? Weil ich bin ja wie es ausschaut zu dämlich dazu...

Offline

#6 03. Januar 2012 13:53

engel1963
kennt CMS/ms
Registriert: 08. Dezember 2010
Beiträge: 105

Re: HTML Webseite anpassen

Da ist Dein CSS

 Hier klicken, um den Code zum Kopieren zu markieren
html, body {
    height: 100%;
    margin-left: 1px;
}
body {
    background: url("images/bg1_04.jpg") repeat-y scroll center top #000000;
    color: #302B2F;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
h1, h2, h3 {
    margin-top: 0;
}
p, ol, ul {
    margin-top: 0;
}
p, ol {
    line-height: 200%;
}
strong {
}
a {
    color: #701A0F;
}
a:hover {
    text-decoration: none;
}
a img {
    border: medium none;
}
img.border {
}
img.alignleft {
    float: left;
}
img.alignright {
    float: right;
}
img.aligncenter {
    margin: 0 auto;
}
hr {
    display: none;
}
#wrapper {
    background: url("images/bg1_02.jpg") repeat-y scroll center top transparent;
}
#wrapper-bgtop {
    background: url("images/bg1_01.jpg") no-repeat scroll center top transparent;
}
#wrapper-bgbtm {
    background: url("images/bg1_03.jpg") no-repeat scroll center bottom transparent;
    overflow: hidden;
    padding: 168px 0 160px;
}
.container {
    margin: 0 auto;
    width: 980px;
}
.clearfix {
    clear: both;
}
#header {
    height: 300px;
    overflow: hidden;
    padding: 44px 0 0;
    width: 690px;
}
#header h2 {
    color: #E1DDE1;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
}
#header p {
    color: #9C8480;
    display: block;
    font-size: 23px;
    letter-spacing: -1px;
    margin-top: -16px;
}
#header img {
    padding-top: 16px;
    position: relative;
}
#header .image {
    background: url("images/thumnailbg_02.jpg") no-repeat scroll left top transparent;
    height: 300px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 30px;
    position: absolute;
    width: 630px;
}
#header .description {
    left: 85px;
    position: relative;
    top: 100px;
}
#menu {
    height: 275px;
    width: 290px;
}
#menu ul {
    line-height: normal;
    list-style: none outside none;
    margin: 0;
    padding: 10px 0 0 40px;
    width: 250px;
}
#menu li {
    padding-bottom: 15px;
}
#menu a {
    color: #3A1C1D;
    display: block;
    font-size: 24px;
    letter-spacing: -1px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #E7DDD4;
}
#menu a:hover {
    text-decoration: underline;
}
#page {
}
#content {
    float: right;
    width: 690px;
}
#sidebar {
    float: left;
    width: 290px;
}
#footer {
    height: 100px;
}
#footer p {
    color: #2F2C34;
    margin: 0;
    padding: 0;
    text-align: center;
}
#footer a {
    color: #2F2C34;
}
#footer .links {
}
.box-style1 {
    background: url("images/homepage04.jpg") no-repeat scroll left 60px transparent;
}
.box-style1 .title {
    background: url("images/homepage02.jpg") no-repeat scroll left top transparent;
    font-size: 24px;
    font-weight: normal;
    height: 35px;
    letter-spacing: -1px;
    margin: 0;
    padding: 25px 0 0 38px;
    text-shadow: 1px 1px 2px #EDE2D9;
}
.box-style1 .content {
    padding: 20px 40px;
}
.box-style1 {
}
#box1 {
    width: 290px;
}
#box1 .title {
    width: 252px;
}
#box2 .title {
    background: url("images/homepage03.jpg") no-repeat scroll left top transparent;
}
#box3 .title {
    background: url("images/homepage10.jpg") no-repeat scroll left top transparent;
    font-size: 42px;
    height: 56px;
    letter-spacing: -2px;
    margin: 0;
    padding: 10px 0 0 40px;
}
#box3 .content {
    background: url("images/homepage11.jpg") no-repeat scroll left top transparent;
    padding-top: 40px;
}
#box4 {
    padding-top: 44px;
}
#box4 .title {
    background: url("images/subpage01.jpg") no-repeat scroll left top transparent;
    font-size: 42px;
    height: 56px;
    letter-spacing: -2px;
    margin: 0;
    padding: 10px 0 0 40px;
}
#box4 .content {
    background: url("images/subpage02.jpg") no-repeat scroll left top transparent;
    padding-top: 40px;
}
#two-columns {
    padding: 0 40px;
    width: 610px;
}
#column1 {
    float: left;
    width: 285px;
}
#column1 .title, #column2 .title {
    background: url("images/homepage13.jpg") no-repeat scroll left top transparent;
    color: #EEDED0;
    height: 43px;
    margin: 0;
    padding: 38px 0 0 15px;
    text-shadow: none;
}
#column1 .content, #column2 .content {
    background: url("images/homepage14.jpg") no-repeat scroll left top transparent;
    padding: 20px 0;
}
#column2 {
    float: right;
    width: 285px;
}
.link1 {
    background: url("images/homepage06.gif") no-repeat scroll left 5px transparent;
    margin: 0;
    padding: 0 0 0 20px;
}
ul.style1 {
    line-height: normal;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 20px;
}
ul.style1 li {
    background: url("images/homepage08.jpg") no-repeat scroll left bottom transparent;
    padding: 10px 0 15px;
}
ul.style2 {
    line-height: normal;
    list-style: none outside none;
    margin: 0;
    padding: 10px 0 20px;
}
ul.style2 li {
    padding: 0 0 10px;
}
ul.style2 p {
    line-height: 170%;
}
ul.style2 h3 {
    margin: 0;
    padding: 0 0 10px;
}
ul.style3 {
    background: url("images/homepage18.jpg") repeat-y scroll left top transparent;
    line-height: normal;
    list-style: none outside none;
    margin: 15px 0 0;
    padding: 0;
}
ul.style3 li {
    height: 30px;
    padding: 20px 0 0;
}
ul.style3 span {
    color: #81675F;
    display: block;
    float: left;
    font-size: 11px;
    height: 30px;
    margin: 0 15px 0 0;
    padding: 0;
    text-align: center;
    width: 62px;
}
ul.style3 a {
    color: #302B2F;
}
.image1 {
    background: url("images/thumnailbg_01.jpg") no-repeat scroll left top transparent;
    height: 113px;
    margin: 20px 0 0 30px;
    padding: 20px 0 0 20px;
    width: 210px;
}
.image2 {
    background: url("images/thumnailbg_03.jpg") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 153px;
    margin-left: -10px;
    margin-top: -15px;
    padding: 20px 0 0 20px;
    width: 241px;
}
.image3 {
    background: url("images/thumnailbg_04.jpg") no-repeat scroll left top transparent;
    clear: both;
    display: block;
    float: left;
    height: 80px;
    margin-left: -10px;
    margin-top: -8px;
    padding: 20px 0 20px 20px;
    width: 110px;
}
.image4 {
    background: url("images/subpage03.jpg") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 153px;
    margin-left: -10px;
    margin-top: -15px;
    padding: 20px 0 0 20px;
    width: 241px;
}

Offline

#7 03. Januar 2012 13:54

JanusR
hat von CMS/ms gehört
Registriert: 03. Januar 2012
Beiträge: 8

Re: HTML Webseite anpassen

Wo war der jetzt?

Und wie bearbeite ich des nun, des mit template usw.?

Ihr müsst denken, dass ich dumm bin stimmts?

Beitrag geändert von JanusR (03. Januar 2012 13:59)

Offline

#8 03. Januar 2012 14:00

engel1963
kennt CMS/ms
Registriert: 08. Dezember 2010
Beiträge: 105

Re: HTML Webseite anpassen

JanusR schrieb:

Wo war der jetzt?

bei mir in der Tasche. wink Nein bei Dir im Space.

Und wie bearbeite ich des nun, des mit template usw.?

Du musst lernen und Dir das CMS richtig ansehen.

Offline

#9 03. Januar 2012 14:02

JanusR
hat von CMS/ms gehört
Registriert: 03. Januar 2012
Beiträge: 8

Re: HTML Webseite anpassen

engel1963 schrieb:
JanusR schrieb:

Wo war der jetzt?

bei mir in der Tasche. wink Nein bei Dir im Space.

Und wie bearbeite ich des nun, des mit template usw.?

Du musst lernen und Dir das CMS richtig ansehen.

Das es bei mir ist weiß ich schon^^... Aber ich sah des gar net...

Ja des mit hinzufügen habe ich gesehen, nur des will net so recht klappen bei mir sad...

Offline

#10 03. Januar 2012 14:05

engel1963
kennt CMS/ms
Registriert: 08. Dezember 2010
Beiträge: 105

Re: HTML Webseite anpassen

Dafür gibt es Plugins. Z.B. für den Fuchs "Firebug"

Offline

#11 03. Januar 2012 14:09

JanusR
hat von CMS/ms gehört
Registriert: 03. Januar 2012
Beiträge: 8

Re: HTML Webseite anpassen

Hmm glaubst du schaffst des für mich meine Webseite anzupassen? Habe nicht wirklich viel Zeit...

Offline

#12 03. Januar 2012 14:13

engel1963
kennt CMS/ms
Registriert: 08. Dezember 2010
Beiträge: 105

Re: HTML Webseite anpassen

Ich denke schon. Was heißt Du hast nicht viel Zeit?

Offline

#13 03. Januar 2012 14:13

nockenfell
Moderator
Ort: Gontenschwil, Schweiz
Registriert: 09. November 2010
Beiträge: 2.934
Webseite

Re: HTML Webseite anpassen

JanusR schrieb:

Hmm glaubst du schaffst des für mich meine Webseite anzupassen? Habe nicht wirklich viel Zeit...

Dafür gibt es hier ein Forum:
http://www.cmsmadesimple.de/forum/viewforum.php?id=16

Es gibt 2 Wege nach Rom:

- Man zeigt Bereitschaft zu lernen und kann danach einiges
- Man bezahlt andere dafür, dass sie sich dieses Wissen angeeignet haben

Aussagen wie "sofort", "ich habe keine Zeit dafür", "dringend", etc. sind hier im Forum nicht unbedingt gerne gesehen, da alle die hier schreiben dies auf freiwilliger Basis ohne jedwelche Bezahlung machen.

[dieser Beitrag wurde mit 100% recycled bits geschrieben]
Mein Blog  /   Diverse Links rund um CMS Made Simple
Module: btAdminer, ToolBox

Offline

#14 03. Januar 2012 14:15

JanusR
hat von CMS/ms gehört
Registriert: 03. Januar 2012
Beiträge: 8

Re: HTML Webseite anpassen

Ich muss an einem weiteren Buch schreiben, ein Hörbuch produzieren und meine Ausbildung machen. Das meine ich mit wenig Zeit smile.

Ich würde mich freuen wenn Du mir helfen würdest engel smile... Hast Du ICQ oder so? Dann könnten wir besser konvesation führen smile.

Offline

#15 03. Januar 2012 14:16

engel1963
kennt CMS/ms
Registriert: 08. Dezember 2010
Beiträge: 105

Re: HTML Webseite anpassen

Du brauchst nur links auf E-mail drücken. smile

Offline

#16 03. Januar 2012 14:24

JanusR
hat von CMS/ms gehört
Registriert: 03. Januar 2012
Beiträge: 8

Re: HTML Webseite anpassen

Grade gemacht smile

Offline

Seiten: 1


Fußzeile des Forums

Powered by FluxBB