Schriftgröße ändern

[tredl]

Hy Leute! In welcher css.Datei kann ich denn die Schriftgröße ändern?

Bei mir sieht es etwas klein aus...

www.usv-stmargarethen.at

thx

tredl

[matzman2000]

Hallo tredl,

schau mal in den Themes-Ordner (am Beispiel des Modern-Themes):
Admidio/adm_themes/modern/css

Dort gibt es die system.css in der alle Angaben zu Schriftarten etc. gemacht werden.
Das ist im übrigen auch in der Doku entsprechend beschrieben!

Gruss,
Matze

[tredl]

vielen dank für deine hilfe....

ich werd mal gucken was da los ist?

hast du dir meine Seite angesehen?

lg

tredl

[tredl]

hallo!

Vielleicht kann sich jemand mein problem noch einmal ansehen...

www.usv-stmargarethen.at

bei gewissen punkten ist die schrift so klein...

ich weiss leider nicht genau wo in der system.css ich was abändern muss!

zB.: neuer Gästebucheintrag
Fotos
Systemverwaltung

Ich hoffe einer von euch kann mir da etwas weiterhelfen...

thx

tredl

[Jochen]

Hallo,

vermutlich hast Du in der datei system.css.

.defaultFontSize, body {
font-size: 10pt;
}

runtergesetzt.

Oder innerhalb von body die font-size hinzugefügt.

Gruß Jochen

[tredl]

hy!

also default fonz size ist auf 10!

hier meine css:

/******************************************************************************
* Cascading-Style-Sheets-Datei um das Aussehen von Admidio anzupassen
*
* Copyright : (c) 2004 - 2008 The Admidio Team
* Homepage : http://www.admidio.org
* License : GNU Public License 2 http://www.gnu.org/licenses/gpl-2.0.html
*
* Dies ist die Haupt-CSS-Datei von Admidio. Hier koennen Sie das Aussehen
* saemtlicher Module anpassen. Weitere spezifische Anpassungen koennen in den
* weiteren CSS-Dateien gemacht werden.
*
*****************************************************************************/

/* Allgemeine Anpassungen */

.defaultFontSize, body {
font-size: 10pt;
}

.bigFontSize {
font-size: 12pt;
}

.veryBigFontSize {
font-size: 14pt;
font-weight: bold;
}
.smallFontSize {
font-size: 8pt;
}

body {
color: #555555;
font-family: arial, sans-serif;
background-color: #ffffff;
padding: 15px;
text-align: center;
}

h1 {
color: #85C226;
letter-spacing: 0.3em;
margin-bottom: 10px;
padding-top: 10px;
text-align: center;
font-size: 20pt;
}


img {
border: 0px;
}

.readonly {
color: #666666;
}

/* Elemente, die fuer ein Drag&Drop angefasst werden koennen */
.dragable {
cursor: move;
border-width: 0px;
}

textarea {
font-family: arial, sans-serif;
font-size: 10pt;
}

/* Hack fuer IE6, damit dieser lange Buttons vernuenftig darstellt */
html.* button {
padding: 0em .25em;
width: auto;
overflow: visible;
}

button img {
vertical-align: middle;
border-width: none;
}


/* Links */

a:link, a:visited {
color: #E0791F;
font-weight: bold;
text-decoration: none;
}

a:hover, a:active {
color: #E0791F;
font-weight: bold;
text-decoration: underline;
}

/* Layout fuer die Boxen (Termine usw.)
Es ist in einen Kopf (boxHead) und einen Inhalt (boxBody),
der aber den Kopfbereich umschliesst, unterteilt
(z.B.: Ankuendigungen, Termine) */

.boxLayout {
width: 550px;
border: 1px solid #555555;
overflow: hidden;
margin: auto;
margin-bottom: 25px;
}

.boxHead {
color: #333333;
text-align: left;
background-color: #85C226;
width: 100%;
min-height: 20px;
font-size: 12pt;
font-weight: bold;
padding: 2px;
}

.boxHead img {
margin-right: 4px;
vertical-align: bottom;
border: none;
}

.boxHeadLeft{
float: left;
margin-left: 5px;
}

.boxHeadRight{
float: right;
margin-right: 5px;
}

.boxBody {
color: #555555;
text-align: left;
background-color: #eaeaea;
padding: 5px;
clear: both;
font-size: 10pt
}

/* Layout fuer die Formulare
Es ist in einen Kopf (formHead) und einen Inhalt (formBody) unterteilt
(z.B.: Profil, Login, Registrieren) */

.formLayout {
width: 570px;
border: 1px solid #555555;
margin: auto;
margin-top: 30px;
}

.formHead {
color: #333333;
background-color: #85C226;
font-size: 12pt;
font-weight: bold;
letter-spacing: 0.2em;
border-bottom: 1px solid #555555;
padding: 3px 15px 0px 15px;
text-align: center;
}

.formBody {
color: #555555;
background-color: #eaeaea;
padding: 10px 15px 10px 15px;
text-align: center;
}

.formBody hr {
border: 1px solid #6CA7A8;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

/* Ordnet Felder mit ihren Beschreibungen in Formularen.
Diese werden in einer Liste untereinander und
mit Beschreibung + Feld nebenandern angeordnet */

.formFieldList {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.formFieldList li {
display: inline;
text-align: left;
}
.formFieldList li dl {
padding: 0px;
margin: 8px 0px 8px 0px;
}
.formFieldList li dl dt {
text-align: left;
float: left;
}
.formFieldList li dl dd {
margin-left: 31%;
text-align: left;
}

.formSubmit {
padding-top: 5px;
padding-bottom: 5px;
}


/* Einfache rechteckige Groupbox mit Rahmen um bestimmte Teile zu markieren,
wird haeufig innerhalb von Formularen genutzt (z.B.: Profil, Rollenpflege) */

.groupBox {
color: #555555;
background-color: #cccccc;
border: 1px solid #999999;
padding: 5px 10px 5px 10px;
text-align: left;
margin-top: 12px;
}

.groupBoxHeadline {
color: #333333;
font-weight: bold;
}

.groupBoxBody {
padding-top: 7px;
clear: both;
}

/* Layout fuer Listen
Die Klasse tableList wird dem <table>-Element zugeordnet
tableHeader dem <th>-Element und
listMouseOut dem <td>-Element
(z.B.: Listen, Eigene Liste) */

.tableList {
width: 550px; /* Optimale Breite von Listen */
color: #555555;
font-size: 10pt;
background-color: #eaeaea;
border: 1px solid #555555;
margin: auto;
}

.tableList th {
background-color: #85C226;
text-align: left;
padding: 3px;
}

.tableList td {
text-align: left;
vertical-align: top;
padding: 3px;
}

/* Der SubHeader wird zur Gruppierung innerhalb von Tabellen genutzt
(z.B.: Kategorienanzeige bei Rollenzuordnung, Leiter-Mitglied bei Listen) */

.tableSubHeader {
background-color: #c5c5c5;
padding: 1px;
color: #888888;
font-size: 13pt;
font-weight: bold;
font-style: italic;
letter-spacing: 0.2em;
text-align: left;
}

/* aktuelle Zeile kann in Listen markiert werden */
.tableMouseOver:hover {
background-color: #d5d5d5;
}

/* Layout fuer die Autosuggestions bei Suchfeldern */
ul.autosuggest {
position: absolute;
list-style: none;
margin: 0px;
padding: 0px;
text-align: left;
overflow: auto;
font-size: 10pt;
border: 1px solid #7d7d7d;
}

ul.autosuggest li a:link,
ul.autosuggest li a:visited {
display: block;
padding: 2px;
text-decoration: none;
background-color: #ffffff;
}

ul.autosuggest li a:hover,
ul.autosuggest li a:active,
ul.autosuggest li.highlight a:link,
ul.autosuggest li.highlight a:visited {
background-color: #d5d5d5;
}

/*Links in Verbindung mit einem Icon (mit Text)*/
.iconTextLinkList {
list-style-type: none;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

.iconTextLinkList li{
display: inline;
padding: 10px;
font-size: 10pt;
}

.iconTextLink img {
border: none;
vertical-align: middle;
padding-right: 1px;
}

/* Iconlinks um Funktionen aufzurufen (ohne Text) */
.iconLink {
margin-left: 2px;
margin-right: 2px;
}

.iconLink img, .boxHead img {
border: none;
vertical-align: top;
}


/* Iconlinks um Funktionen aufzurufen (ohne Text) in vertikaler Anordnung*/
.verticalIconList ul{
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-top: 20px;
margin-right: 6px;
margin-left: 3px;
list-style-type: none;
}

.verticalIconList li{
margin-top: 10px;
}
/* Icon um Bereiche auf und zu zuklappen */
.iconShowHide img {
border: none;
vertical-align: top;
margin: 4px 5px 2px 3px;
}

/* Icon um Informationen anzuzeigen (ohne Text und Link)*/
.iconInformation {
cursor: help;
vertical-align: top;
margin-left: 2px;
margin-right: 2px;
}

/* Hilfeicon, bei dem ein kleines Fenster mit entsprechender Hilfe aufgerufen wird */
.iconHelpLink {
border: none;
cursor: pointer;
vertical-align: middle;
margin: 0px 3px 0px 3px;
}

/* Elemente fuer Navigationsklasse */
.pageNavigation {
vertical-align: middle;
margin-top: 15px;
margin-bottom: 15px;
}

.pageNavigation img {
vertical-align: top;
border: none;
}

.pageNavigation .selected {
font-weight: bold;
}

/* Zusatzinformation wer letzte Aenderungen vorgenommen hat etc.*/
.editInformation{
font-size: 8pt;
margin-top: 8px;
}

/*Pflichtfeldmarkierung*/
.mandatoryFieldMarker{
color: #990000;
margin-left: 3px;
}


/*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
.navigationPath{
margin: 5px;
}

.navigationPath img{
border: none;
vertical-align: middle;
}

/* Style Eigenschaften fuer das tooltip */
#ajax_tooltipObj{
z-index: 1000000;
text-align: left;
}

#ajax_tooltipObj .ajax_tooltip_content{
border: 1px solid #555555;
color: #555555;
width: auto;
min-width: 10px;
max-width: 450px;
height: auto;
min-height: 15px;
background-color: #fdf594;
padding: 5px;
z-index: 1000001;
}

#ajax_tooltipObj h3 {
color: #333333;
padding-top: 0px;
}

/* spezielle Anpassung fuer die Loginseite */
#login_form .formFieldList li dl dd {
margin-left: 45%;
}

/* spezielle Anpassung fuer die Passwortseite */
#password_form .formFieldList li dl dd {
margin-left: 50%;
}

/* spezielle Anpassung fuer die Organisationsseite */
#organization_form .formFieldList li dl {
margin-top: 15px;
margin-bottom: 5px;
}

#organization_form .formFieldList li dl dd {
margin-left: 55%;
}

/* spezielle Anpassung fuer das Gaestebuch */
.commentLink{
margin: 8px 4px 4px 0px;
}

/* spezielle Anpassung fuer die Profilseite */
#profile_form .formFieldList li dl {
margin: 3px 0px 3px 0px;
}

#profile_roles_box ul li dl dd {
margin-left: 70%;
text-align: right;
}

#profile_roles_box_other_orga ul li dl dd {
margin-left: 70%;
text-align: right;
}

#profile_former_roles_box ul li dl dd {
margin-left: 55%;
text-align: right;
}

#lists_overview .formFieldList li dt {
margin-left: 20px;
}

#links_overview .formBody {
text-align: left;
}

#infoboxListsBox {
width: 400px;
}

/* spezielle Anpassung fuer die Terminseite */

.date_info_block {
line-height: 14pt;
}

.date_info_block div {
padding-right: 5px;
padding-bottom: 5px;
}

.date_description {
padding-top: 10px;
padding-bottom: 5px;
}

[Jochen]

Das liegt nicht an Admidio, sondern an anderem Code den Du auf der Seite laufen hast.

http://www.usv-stmargarethen.at/res/styles.css

Code: Alles auswählen

/* -- General Style -- */
...
body {[b]font-size: 8px;[/b] vertical-align: baseline; }

Die font-size hier am besten ganz raus nehmen.

Gruß Jochen

[tredl]

in welcher datei hast du denn das gefunden ?

lg

andi

[Jochen]

Mit der Firefox Developertoobar kann man sich alle aufgerufenen CSS-Dateien anzeigen lassen.

Gruß Jochen

[tredl]

danke habs jetzt gefunden.....

war nicht so einfach admidio in meine website einzubauen...

ich erstellt nämlich meine Seite mit WebsiteX5 und das kennt nur html....

jetzt muss ich zuerst meine Seite erstellen und dann die HTML Codes in Admidio einbinden...

einfacher wäre es admidio per iframe in meine seite einzubauen...

aber das wird nicht funktionieren oder?

lg

tredl

[Jochen]

danke habs jetzt gefunden.....

Hatte dir den Pfad doch genau angegeben? Hatte gedacht deine Frage hätte sich darauf bezogen wie ich drauf gekommen bin.

einfacher wäre es admidio per iframe in meine seite einzubauen...

aber das wird nicht funktionieren oder?

Doch das geht, hab ich selbst allerdings noch nie gemacht, da müsstest Du auf anderweitige Hilfe hoffen.

Gruß Jochen

[tredl]

ja danke das mit der Schriftgröße hab ich jetzt geschafft....

hab den pfad zu spät gesehen!

wie meinst du das jetzt mit anderweitigiger Hilfe?!

Kennst sich hier im Board jemand aus der mir das zeigen könnte?

ich glaube ich werd einen neuen thread aufmachen müssen zu diesem Thema?!

danke für deine tolle hilfe....