Hallo,
ich habe schon Stunden verbraten. Suche verzweifelt, wo ich die generelle
Schiftgrösse von JF K3 Purple vergrössern Kann. Die gesamte Schrift
für die Homepage ist etwas zu klein. Siehe www.lafresa.ch/home
Kann mir da bitte wer helfen.
Hallo,
ich habe schon Stunden verbraten. Suche verzweifelt, wo ich die generelle
Schiftgrösse von JF K3 Purple vergrössern Kann. Die gesamte Schrift
für die Homepage ist etwas zu klein. Siehe www.lafresa.ch/home
Kann mir da bitte wer helfen.
Mein CSS Code:
/*- Page Structure */
body {
font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;/* Resets 1em to 10px */color: #444;
background-image: url(../images/bg.jpg);
background-position: left top;
background-repeat: no-repeat;
text-align: center;
margin: 0 0 30px;
}
#page {
background: white;
text-align: left;
position: relative;
/* The entire template's width is set in this class. */
width: 87%;
border: none;
border-top: none;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}
#header {
padding: 0;
margin: 0;
position: relative;
height: 200px;
background-color: #61193E;
background-image: url(../images/thejfactory.gif);
background-repeat: no-repeat;
background-position: left top;
}
.mainarea {
margin-top: 0px;
margin-right: 10px;
}
.wide_mainarea {
float: left;
margin-right: -20px;
margin-bottom: 0px;
margin-left: 0px;
}
.rightcolumn {
font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif; float: right;
width:200px;
color: #666;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#holder_top{
position: relative;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 30px;
margin-left: 30px;
}
#holder_bottom {
position: relative;
margin-top: 20px;
margin-right: 30px;
margin-left: 30px;
}
.search {
width: 0px;
float: right;
}
.path {
font: 1.2em Verdana, Helvetica, Arial, Sans-Serif;
float: left;
padding-top: 3px;
margin-right: 150px;
}
.textsize {
position:absolute;
left: -56px;
top: 300px;
}
.users {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.user12 {
margin-top: 10px;
width: 97%;
}
.wide_user12 {
width: 100%;
}
.user1 {
background-color: #C067C0;
padding: 5px;
vertical-align: top;
}
.user2 {
background-color: #CA7ACA;
padding: 5px;
vertical-align: top;
width: 49.1%;
}
.breaker {
background-color: #FFFFFF;
width: .5%;
}
#josmainbody {
padding-right: 35px;
}
/*- Main Menu in Header */
ul.menu {
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
left: 20px;
width: 90%;
}
ul.menu li {
display: inline;
margin: 0;
}
ul.menu,
ul.menu li a {
padding: 5px 15px 6px;
}
ul.menu li a {
font: 1.2em Verdana, Helvetica, Arial, Sans-Serif;
color: white;
margin: 0;
}
ul.menu li a:hover {
background: #333;
color: #eee !important;
text-decoration: none;
}
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
color: #333 !important;
background: white;
text-decoration: none;
}
#current {
color: #333 !important;
background: white;
text-decoration: none;
}
/*- Headings */
h1, h2, h3, h4 {
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}
h1 { /* H1 is used for the title of your blog */
font-size: 3em;
font-weight: bold;
letter-spacing: -1px;
padding-top: 75px;
margin: 0 0 0 40px;
width: 100%;
}
h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
text-decoration: none;
color: white;
}
h1:hover {
text-decoration: underline;
}
.rightcolumn h3, .wide_mainarea h3, .wide_mainarea h4 { /* Secondary H2 is sidebar headlines */
font-size: 1.8em;
font-weight: normal;
padding: 0;
display: block;
padding-bottom: 3px;
}
.mainarea h3, .mainarea h4 { /* H3 is entry headlines. H4 is comments and replyform headlines */
font-size: 2.2em;
font-weight: normal;
letter-spacing: -1px;
display: inline;
}
.rightcolumn > div {
padding: 0;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.rightcolumn span a, .rightcolumn span a:visited {
color: #999;
font-weight: normal;
}
.rightcolumn span a {
margin-left: 10px;
}
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
color: #444;
}
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
text-decoration: none;
}
/*- mainarea Contents */
#footer {
text-align: center;
}
#footer a {
color: #888;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
#footer a:hover {
border: none;
text-decoration: none;
color: black;
}
/*- Links */
.mainarea a:hover, .mainarea a:visited:hover,
.wide_mainarea a:hover, .wide_mainarea a:visited:hover,
.rightcolumn a:hover, .rightcolumn a:visited:hover {
text-decoration: underline;
}
h2 a:hover, h2 span a:hover {
color: #990099 !important;
}
a {
color: #990099;
text-decoration: none;
}
/*- Various Tags and Classes */
.clear {
clear: both;
margin: 0;
padding: 0;
}
.mainarea img {
margin-left: -5px;
padding: 4px;
}
img.noborder {
border: none !important;
}
small {
font-size: .9em;
line-height: 1.5em;
}
small, strike {
color: #777;
}
hr {
display: none;
}
/*- Begin Lists */
.rightcolumn ul, .rightcolumn ol, .rightcolumn > div > div {
margin: 5px 0 0;
padding-left: 0;
}
.rightcolumn ul {
_margin-left: 0px; /* IE Fix */
margin-left: 0px;
}
.rightcolumn ol {
margin-left: 15px;
}
.rightcolumn ul li, .rightcolumn ol li {
margin: 0;
padding: 1px 0;
}
.rightcolumn ul li {
list-style-type: none;
list-style-image: none;
}
ol li {
list-style: decimal inside;
}
/*- Search Form and Livesearch */
input[type=text], textarea {
color: #444;
padding: 0px;
margin: 0;
}
tr {} /*formatting all
<tr> items. This default setting is used when no other style has been defined.*/
ul {} /*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
a:link {
text-decoration: none;
} /* general links style*/
a:visited {}
a:hover {}
a img {
border: none;
}
hr {} /* horizontal line in your template*/
hr.separator {}
/* FORMS SETTINGS */
.inputbox {
margin: 0px;
right: 5px;
} /*formatting the <div> which holds search items: inputbox, search button...*/
form {
margin: 0px;
}
/* NAVIGATION/MENU SETTINGS */
a.mainlevel{} /* this styling is for the MAIN items in the menu */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}
#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/
.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when they become hyper links*/
.pagenavbar:visited {}
.pagenav {} /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}
.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */
/* Title of the component being used to display the content.*/
.componentheading {
font-size: 1.7em;
display: block;
padding: 15px 0 0;
}
/* Title of the content, article, etc. being displayed.*/
.contentheading {
font-size: 1.7em;
display: block;
padding: 15px 0 0;
}
.contentpane {} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen {} /* Table that holds the actual text for an article.*/
.contentpagetitle {
font-size: 1.7em;
display: block;
padding: 15px 0 0;
} /*Title of articles*/
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {}
a.toclink:hover {}
/* MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.
Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {}
.sectiontableentry2 {}
/* MAMBO MODULES FORMATTING */
.moduletable {}
table.moduletable {} /* Formatting the module table */
table.moduletable th {} /* Formatting the module header, and the module titles */
Mein HTML Code:
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );
include ('templates/jf_k3_purple/mysplitcssmenu.php');
if (mosCountModules('right')) {
$css_prefix = "" ;
} else {
$css_prefix = "wide_";
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<**** **********="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>
<!--[if lte IE 6]>
<link href="<?php echo JURL_SITE;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie_only.css" rel="stylesheet" type="text/css" />
<![endif]-->
<?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?><?php echo "<script type=\"text/javascript\" language=\"javascript\" src=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/javascript.js\"></script>" ; ?>
</head>
<body class=" ">
<div id="page">
<div class="textsize"> <?php echo "<a href=\"index.php\" title=\"Increase size\" onclick=\"changeFontSize(2);return false;\" class=\"text_sizer\"><img src=\"templates/$GLOBALS[cur_template]/images/text_up.png\" alt=\"Bigger text\" /></a>"; ?> <?php echo "<a href=\"index.php\" title=\"Decrease size\" onclick=\"changeFontSize(-2);return false;\" class=\"text_sizer\"><img src=\"templates/$GLOBALS[cur_template]/images/text_down.png\" alt=\"Smaller text\" /></a>"; ?> <?php echo "<a href=\"index.php\" title=\"Increase size\" onclick=\"revertStyles(); return false;\" class=\"text_sizer\"><img src=\"templates/$GLOBALS[cur_template]/images/text_reset.png\" alt=\"Reset text\" /></a>"; ?> </div>
<div id="header">
<h1><?php echo $mosConfig_sitename; ?></h1>
<ul class="menu">
<?php echo $mycssPSPLITmenu_content; ?>
</ul>
</div>
<div id="holder_top">
<div class="path">
<?php mosPathWay(); ?>
</div>
</div>
<div id="holder_bottom">
<?php if(mosCountModules('right')) {?>
<div class="rightcolumn"> <?php echo $mycssSSPLITmenu_content; ?>
<?php mosLoadModules ( 'right', -2 ); ?>
</div>
<?php } ?>
<div class="<?php echo $css_prefix ; ?>mainarea">
<?php if(mosCountModules('user1') || mosCountModules('user2')) { ?>
<div class="<?php echo $css_prefix ; ?>users">
<table class="user12">
<tr>
<?php if(mosCountModules('user1')) { ?>
<td class="user1"><?php mosLoadModules('user1', -2); ?>
</td>
<?php } ?>
<?php if(mosCountModules('user1') && mosCountModules('user2')) { ?>
<td class="breaker"> </td>
<?php } ?>
<?php if(mosCountModules('user2')) { ?>
<td class="user2"><?php mosLoadModules('user2', -2); ?>
</td>
<?php } ?>
</tr>
</table>
</div>
<?php } ?>
<div id="josmainbody">
<?php mosMainBody(); ?>
</div>
</div>
</div>
<hr />
<br class="clear" />
</div>
<!-- Close Page -->
<hr />
<p id="footer"><small>
Design by: <a href="http://www.systechlight.li">SYSTECH</a>
</small></p>
</body>
</html>
Nochmals ich persönlich:
Ich habe eine automatische Textvergrösserung eingebaut. Wo kann ich die Start- oder
Resetgrösse vorgeben. Dann hätte ich das Problem auch gelöst. Siehe www.lafresa.ch/home
Bitte um Info
Hallo,
obwohl ich mir vorgenommen hatte bei gewerblichen Threads nicht mehr zu antworten:
Die Lösung hast Du doch selbst gefunden, in der css kannst Du lange suchen.
Die Angaben werden durch das Script überschrieben.
Wo Du das findest steht riesengroß im Quelltext.
pala999
Hallo ich bin purer Anfänger. Habe 4 Jahre als EDV Supporter gearbeitet, dann lief das Geschäft schlechter. Habe dann unsere eigene Firmenhompage gemacht. Und zuätzlich diese eine von lafresa (ist ein Freund von mir). Ich arbeite nicht mehr in der EDV sondern wieder im Büro. Möchte diese Homepage zum Abschluss (meine 2.)noch machen. Mit dem Geld kaufe ich mir dann meine Lua Lautsprecher.
Ich bin blutiger Anfänger. Bitte kannst Du mir nähere Angaben machen. Ich habe schon 2 Tage gesucht.
Danke!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Franz Daucher
Wo kann ich die Ursprungseinstellung vergrössern. Bitte hilf mir.
Lesezeichen