Templates (Privatgebrauch / kommerzielle Nutzung)

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
stroml

stroml hat kostenlosen Webspace.

20:14, 26.8.2016
Hallo zusammen!

Für den Privatgebrauch (meist mit Backlink) gibt es ja Templates wie Sand am Meer. Aber leider nicht für die kommerzielle Nutzung.
Ich mache oft kleinere Webprojekte für die ich eine kleine Aufwandsentschädigung bekomme - somit fallen sehr viele Templatequellen weg. Drum wollte ich einfach mal nachfragen - Gibt es überhaupt Quellen für Templates "free for commercial use" ohne Backlink, Referenzangabe oder ähnliches? Alles was ich über google finde, haben irgendeine Einschränkung...

Bin für jeden Tipp dankbar :)

Beitrag zuletzt geändert: 26.8.2016 20:14:55 von stroml
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

0:49, 27.8.2016

Hallo stromi,

für welche Platform suchst du denn Templates ? Es gibt so viele Templates begonnen bei Bootstrap, Skeleton uvm. die meisten müssen doch unter GNU PL oder MIT Lizenz weiter gegeben werden. Ich persönlich mag die Einfachheit der Dinge.

Wenn du alles selbst schreibst:

Apps:

http://www.w3schools.com/appml/default.asp

CSS:

http://www.w3schools.com/w3css/default.asp

Oder noch viel einfacher:

h1 { font-family: Verdana; font-weight:400; font-size:1.5em;line-height:2.4em;}
h2 { font-family: Verdana; font-weight:400; font-size:1.25em;line-height:2.4em;}
h3 { font-family: Verdana; font-weight:400; font-size:1.125em;margin:8px;line-height:2.4em;}
h4 { font-family: Verdana; font-weight:400; font-size:1em; line-height:1.8em;}
h5 { font-family: Verdana; font-weight:400; font-size:0.875em;line-height:1.8em;}
h6 { font-family: Verdana; font-weight:400; font-size:0.75em; font-weight:bold;line-height:1.8em;}
p  { font-family: Verdana; font-weigth:200; font-size:0.75em;line-height:1.8em;text-align:justify;margin:.5em;}
a  { font-family: Verdana; font-weight:300; font-size:0.75em;margin:.5em;text-align:left;}

/* Eventuell auch als größter Container innerhalb des Bodys
.frame{position:absolute;width:calc(100% - 1em);height:calc(100% - 1em);margin:auto;max-width:100%;max-height:100%;display:table;}
*/

.row{position: relativ; box-sizing: border-box;display:inline-block;height:auto;}
.row .cell{position: relativ; box-sizing: border-box;display:inline-block;float:left;}
.cell:after:{clear:both;}
.border{border:1px solid gray;}

.card {width: auto; height:auto; max-height:100%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.vhspace{margin:.5em;}
.vspace{margin:0 0.5em;}
.hspace{margin:0.5em 0;}


/* oder innerhalb der Mediaqueries jeweils anpassen */
.t1{width:6.25%;}
.t2{width:12.5%;}
.t3{width:18.75%;}
.t4{width:25%;}
.t5{width:31.25%;}
.t6{width:37.5%;}
.t7{width:43.75%;}
.t8{width:50%;}
.t9{width:56.25%;}
.t10{width:62.5%;}
.t11{width:68.75%;}
.t12{width:75%;}
.t13{width:81.25%;}
.t14{width:87.50%;}
.t15{width:93.75%;}
.t16{width:100%;}


/* 16:9 bzw. 16:10 und HD */
@media screen and (min-width: 1600px){

}

/* Große Tabs und Standarddisplays */
@media screen and (min-width: 1024px) and (max-width: 1599px){

}

/* Große Tabs und kleine Displays */

@media screen and (min-width: 768px) and (max-width: 1023px) {

}

/* Pablets */

@media screen and (min-width: 541px) and (max-width: 767px) {

}

/* Phones */

@media screen and (max-width: 540px) {
}

<html>
<head>
</head>
<body>
<div class="row t16">
<div class="cell t16">
<div class="vhspace">
<h1>Hallo</h1>
</div>
</div>
</div>
<div class="row t16">
<div class="cell t16">

</div>
</div>

<div class="row t16">

<div class="cell t8 ">

<div class="vhspace card">

<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<a href="#">Zum Artikel</a>
</div>

</div>

<div class="cell t8 ">

<div class="vhspace card">
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

</div>

</div>
</div>

<div class="row t16">

<div class="cell t4">

<div class="vhspace card">
<h3>Lorem ipsum dolor sit amet</h3>
<p>Hallo</p>
</div>
</div>

<div class="cell t4">
<div class="vhspace card">
<p>Hallo</p>
</div>
</div>

<div class="cell t4">
<div class="vhspace card">
<p>Hallo</p>
</div>
</div>


<div class="cell t4">
<div class="vhspace card">
<p>Hallo</p>
</div>
</div>

</div>

<div class="row t16">

<div class="cell t16">
</div>
</div>

<div class="row t16">
<div class="cell t16">
<div class="vhspace card">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>



</body>
</html>

Beitrag zuletzt geändert: 27.8.2016 1:00:00 von bbelefant

cloud01

cloud01 hat kostenlosen Webspace.

13:22, 2.9.2016
Hallo,
du kannst dir ja auch selbst ein Design ausdenken und dies dann in HTML schreiben.
orena

orena hat kostenlosen Webspace.

21:57, 29.9.2016
Also ich nehme meist immer Bootstrap und nutze dort die kostenlosen Themes ( die meisten kann du dort auch ohne Backlink nutzen)

Du kannst aber ienfach auch 2 Templates mit einander verbinden oder du machst die einfach ein eig. CSS und nimmst ein Vorhandes Templates als Vorlage
inv

inv hat kostenlosen Webspace.

14:16, 3.10.2016
Ich wurde mir die kostenlosen bootastrap vorlagen angucken, Details heraus suchen, wie z.B. nav-bar,etc..
Anschließend diese Vorlagen herunterladen und und die erwünschten Details miteinander verbinden.
z.B. nav-bar aus dem einen, karusell aus einem anderen und footer wieder aus dem anderen. Anschließend kann man die Gestaltungen ja noch auf einander anpassen beziehungsweise individuell gestalten.
bpd

bpd hat kostenlosen Webspace.

13:45, 4.11.2016
hallo user bzw. userin.

stroml schrieb:
Hallo zusammen!

Für den Privatgebrauch (meist mit Backlink) gibt es ja Templates wie Sand am Meer. Aber leider nicht für die kommerzielle Nutzung.

Ich mache oft kleinere Webprojekte für die ich eine kleine Aufwandsentschädigung bekomme - somit fallen sehr viele Templatequellen weg. Drum wollte ich einfach mal nachfragen - Gibt es überhaupt Quellen für Templates "free for commercial use"

>> doch, die gibt es - du musst hier nur ein wenig in der uns allen bekannten suchmaschine herumeiern ...
>> du solltest in jedem fasll darauf achten, dass du ein adaptives template wählst, denn heute eine webseite zu bauen, ohne darauf zu achten, ob diese seite nachher für tablets oder smartphones geeignet ist, wäre nicht so der knaller ...

ohne Backlink, Referenzangabe oder ähnliches? Alles was ich über google finde, haben irgendeine Einschränkung...

>> wenn du ein entsprechendes (gutes) template gefunden hast, entspricht es den regeln der fairness, dass du evtl. vorhandene backlinks, etc. mit übernimmst, denn ein anderer hat damit viel arbeit gehabt
>> du kannst es ja so machen, dass diese angaben einem nicht gleich auf jeder seite ins auge hüpfen, aber sie dann auf jeden fall im impressum unterbringst
>> ganz abgesehen davon, dass du dir damit unnötige rechtliche und finanzielle probleme einhandeln kannst, wenn du diese angaben "irgendwie vergessen haben solltest" ... .

Bin für jeden Tipp dankbar :)

soweit - so gut - bei fragen, einfach hier nochmal schreiben.

ansonsten ... viel erfolg ... und alles wird gut.

Beitrag zuletzt geändert: 4.11.2016 13:48:23 von bpd
test-lg

test-lg hat kostenlosen Webspace.

14:12, 4.11.2016
Ich nutze gerne die Templates von MO.
http://www.templatemo.com/
Ersten frei nutzbar auch commerzial, mit einschränkung der Links die bleiben müssen bzw. nach Absprache mit dem Service über Kontakt auch entfernt werden können.
Die Tamplates sind gut sehr viele und es gibt auch schon welche die Responsive Webdesign unterstützen.

Grüße
invalidenturm

invalidenturm hat kostenlosen Webspace.

15:01, 4.11.2016

stroml schrieb: ...Für den Privatgebrauch (meist mit Backlink) gibt es ja Templates wie Sand am Meer. Aber leider nicht für die kommerzielle Nutzung. .....
Wenn Du mit der Einschränkung Namensnennung des Autors leben kannst, findest Du auch komerziell nutzbare Templates wie Sand am Meer. Google einfach nach z.B. "Wordpress Templates CC". Die meisten unter Creative Commons stehenden Lizenzen sind auch komerziell nutzbar, nur bei CC in Kombination mit NC ist eine komerzielle Nutzung untersagt. CC in Kombination mit ND darf nicht verändert werden und ist dadurch meist unbrauchbar.http://www.cc-your-edu.de/die-cc-idee/die-cc-lizenzen/. Die Namensnennung des Autors sollte eigentlich als Dank für die unentgeldliche Arbeit auch ohne CC by Lizenz selbstverständlich sein.
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city