Hallo,
ich habe mal eine kurze Frage.
Ich würde gerne auf unserer Homepage die Schriftart bei den Tabs ändern.
Damit ihr genau wisst was ich meine habe ich einen Screenshot angehangen!
Hallo ;)
die Schriftart kannst du meist in der jeweiligen dafür deklarierten CSS Klasse über font-family: abändern, schau dir dazu mal die CSS Dateien deines Themes an.. Sonst bräuchten wir mal mehr Infos zum Theme, ob es z.B. auf eines der hier angebotenen aufbaut oder selbst erstellt wurde, bei letzterem kannst du mal die theme.html zum Nachschauen hier reinhängen ...
http://de.selfhtml.org/css/eigenschaften/schrift.htm#font_family
http://www.css4you.de/Schrifteigenschaften/fontproperty.html
Achte bei der Schriftwahl darauf, dass es eine websichere Schriftart ist, die jeder auf dem Rechner hat, sonst kann derjenige die Schrift auch nicht sehen, wenn er sie bei sich nicht installiert hat ...
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
http://www.fonttester.com/web_safe_fonts.html
Uups, zu spät...
Super! Danke :thumbup:
Kann mir jetzt noch jemand sagen wohin damit :gruebel:
Hier die die .CSV
/**
* This file is part of
* pragmaMx - Web Content Management System.
* Copyright by pragmaMx Developer Team - http://www.pragmamx.org
*
* pragmaMx is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* $Revision: 1.11.2.3 $
* $Author: tora60 $
* $Date: 2008/01/29 12:24:42 $
*/
/* import Weblayout styling */
@import url(layout.css);
a img {
border: 0px;
}
a:hover,
a:focus {
background-color: transparent;
color: #8DACE2;
text-decoration: none;
}
a:active, a:link, a:visited {
background-color: transparent;
color: #8DACE2;
text-decoration: none;
}
body {
margin-bottom: 0px;
margin-top: 0px;
background-color: #000000;
color: #FFFFFF;
font-family: Hobo Std;
font-size: 15px;
text-decoration: none;
}
br {
line-height: 8px;
}
del, strike{
text-decoration: line-through;
}
fieldset {
border: 1px solid #FFFFFF;
margin: 0 0 2em 0;
padding: 1em .5em .5em .5em;
}
form {
margin: 0px;
display: inline;
}
h7, h1, h2, h3, h4, h5, h6 {
font-size: 18px;
font-weight: bold;
}
html, body {
margin: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 20px;
text-decoration: none;
height: 100%;
}
img {
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
}
input, select {
border-bottom: 1px inset #666666;
border-left: 1px inset #666666;
border-right: 1px inset #666666;
border-top: 1px inset #666666;
background-color: #000000;
color: #FFFFFF;
}
input.formbutton {
border-bottom: #666666 1px outset;
border-left: #666666 1px outset;
border-right: #666666 1px outset;
border-top: #666666 1px outset;
background-color: #000000;
color: #FFFFFF;
text-align: center;
}
input.formcheckbox {
border: none;
background-color: transparent;
color: #FFFFFF;
}
legend{
border: 1px solid #3F89C3;
padding: 2px 6px;
background: #000000;
color: #FFFFFF;
font-weight: bold;
}
small {
font-size: 9px;
}
textarea {
border-bottom: 1px inset #666666;
border-left: 1px inset #666666;
border-right: 1px inset #666666;
border-top: 1px inset #666666;
background-color: #F2F2F2;
color: #333333;
overflow: auto;
}
th {
font-weight: bold;
}
u{
text-decoration: underline;
}
.content {
color: #FFFFFF;
font-size: 12px;
}
.option {
font-size: 12px;
font-weight: bold;
}
.tiny {
font-size: 9px;
}
.title {
background-color: transparent;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
}
/* das ist der Hintergrund für die Texteingabe */
#htmlarea {
background-color: #000000;
background-image: none;
color: #FFFFFF;
}
#htmlarea body {
margin: 5px;
background-color: #000000;
background-image: none;
color: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
Edit by Sitki: Betroffene Zeilen gemäß Forenregeln in den CODE Tag gesetzt.
hier in der style.css ist nüx über das menü ;) evtl. in der layout.css? ...
ist das vielleicht ein umgebautes rainbow-theme?
p.s. du kannst die datei auch direkt in dein posting anhängen, dann musst du net den ganzen inhalt posten :) ... siehe bei der antwortfunktion unten: erweitere optionen: datei anhängen <--- hier hochladen
Ja es ist ein umgebautes.
.CSV Dateien darf man leider nicht hochladen (Erlaubte Dateitypen: rar, pxp, html, php, txt, doc, pdf, jpg, gif, mpg, png, zip)
Daher wieder komplett ;)
/**
* This file is part of
* pragmaMx - Web Content Management System.
* Copyright by pragmaMx Developer Team - http://www.pragmamx.org
*
* pragmaMx is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* $Revision: 1.1.2.1 $
* $Author: tora60 $
* $Date: 2008/01/29 12:23:51 $
*/
.blocksLeft {
border-right: #565656 solid 1px;
width: 150px;
background-color: #000000;
color: #ffffff;
}
.blocksRight {
border-left: #565656 solid 1px;
width: 150px;
background-color: #000000;
color: #ffffff;
}
.bodymain * {
font-size: 12px;
}
.box {
border-bottom: #666666 1px solid;
border-left: #666666 1px solid;
border-right: #666666 1px solid;
border-top: #666666 1px solid;
}
.boxcontent {
font-size: 12px;
}
.boxcontentright {
background-color: transparent;
color: #666666;
font-size: 12px;
}
.boxtitle, .boxtitleright {
background-color: transparent;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
}
.credits {
padding: 5px;
background-color: #000000;
color: #000000;
font-size: 12px;
}
.headnav A:hover {
background: none;
color: #CCCCCC;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}
.headnav, .headnav A:link, .headnav A:active, .headnav A:visited {
background: none;
color: #000000;
font-family: Trajan-Pro;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
.sitetitle {
margin-left: 20px;
margin-top: 20px;
font-family: Impact;
font-size: 35px;
/**font-weight: bold; */
letter-spacing: 0px;
}
.slogan {
background: none;
color: #8DACE2;
font-family: Impact;
font-size: 15px;
text-decoration: none;
}
.storytitle, .storycat {
font-size: 12px;
font-weight: bold;
}
.viewbench, .footmsg, .footmsgl {
background-color: #000000;
color: #666666;
font-size: 9px;
}
#leftcolumn .boxcontent, #rightcolumn .boxcontent {
font-size: 15px;
}
#loginform {
margin: 0px;
background-color: transparent;
color: #ffffff;
font-size: 20px;
font-style: normal;
font-variant: normal;
line-height: normal;
}
#loginform a {
border-bottom-color: #8DACE2;
border-bottom-style: dotted;
border-bottom-width: 1px;
background-color: transparent;
color: #ffffff;
}
#loginform a:hover,
#loginform a:focus {
border-bottom-color: #8DACE2;
background-color: transparent;
color: #ffffff;
}
#loginform a:active, #loginform a:link, #loginform a:visited {
background-color: transparent;
color: #ffffff;
}
#loginform form {
display: inline;
}
#loginform input {
border-bottom: #8DACE2 1px inset;
border-left: #8DACE2 1px inset;
border-right: #8DACE2 1px inset;
border-top: #8DACE2 1px inset;
padding-left: 3px;
width: 60px;
background-color: #000000;
color: #8DACE2;
height: 17px;
}
#loginform input.formbutton {
border-bottom: 1px solid #8DACE2;
border-left: 1px solid #8DACE2;
border-right: 1px solid #8DACE2;
border-top: 1px solid #8DACE2;
margin: 0px 0px 0px 4px;
padding: 0px;
width: 60px;
background-color: #000000;
color: #FFFFFF;
font-size: 10px;
line-height: 10px;
text-transform: lowercase;
height: 17px;
}
#loginform input.formbutton:focus, #loginform input:focus {
background-color: #000000;
color: #ffffff;
}
#loginform td {
background-color: transparent;
color: #ffffff;
font-size: 11px;
text-align: center;
}
#pathview {
background-color: transparent;
color: #000000;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
}
#pathview a {
border-bottom: none;
background-color: transparent;
color: #000000;
}
#pathview a:hover,
#pathview a:focus {
background-color: transparent;
color: #8DACE2;
}
#pathview a:active, #pathview a:link, #pathview a:visited {
background-color: transparent;
color: #000000;
}
#sitename A:active, #sitename A:visited, #sitename A:hover, #sitename, #sitename A:link {
background: none;
color: #FFFFFF;
font-family: Impact;
font-size: 22px;
/**font-weight: bold; */
letter-spacing: 2px;
text-decoration: none;
}
Edit by JoergK: Betroffene Zeilen gemäß Forenregeln in den CODE Tag gesetzt.
jup, kann man auch packen ;) aber so gehts ja auch... aber benutz bitte dann immer die quote funktion (das ist das symbol mit der raute auf dem button, zwischen dem ganzen platzierst du dann einfach deinen inhalt), sonst zieht es den ganzen thread in die länge :) ...
diesen bereich müsstest du dann modifizieren:
.headnav A:hover {
background: none;
color: #CCCCCC;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}
.headnav, .headnav A:link, .headnav A:active, .headnav A:visited {
background: none;
color: #000000;
font-family: Trajan-Pro;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
jeweils bei font-family: setzt du dann deine gewünschte schriftfamily ein ;) ...
Ok das nächste mal! Danke hast uns sehr geholfen! :thumbup:
gerne... und denk an eine allgemein geeignete schrifart ;) font-family: Trajan-Pro; sieht man dann auch nur, wenn man die schriftart bei sich auf dem rechner installiert hat... alternativ ginge dann nur noch ein menü, was aus grafiken besteht :bye: