CSS Aanpassen er groot en ingewikkeld

uaejeroen · 5 sep 2012

Help ik zie door de bomen het bos niet meer

Code:

/*
 * @author ( Angie Radtke )
*/

/* not ready */

/* ##########################  general  ########################### */


@font-face {
  font-family: 'Titillium Maps';
  src: url("../fonts/TitilliumMaps29L002.eot");
  src: local('Titillium Maps'), local('TitilliumMaps'),
    url("../fonts/TitilliumMaps29L002.otf") format("opentype"),
    url("../fonts/TitilliumMaps29L002.woff") format("woff");
}

body
{
background: #eee url(../images/header_outer.jpg) repeat-x ;
color: #000;
font-family: arial, helvetica, sans-serif;
}

#all
{
color: #333;
border:solid 0px #ddd  !important ;

}
a:link,
a:visited
{
color:#7BA428
}

a:hover,
a:active,
a:focus
{
background:#669933;
color:#FFF;
}

input:focus
{
border:solid 2px;
}

fieldset
{
border:solid 0px #ccc
}

.article-info
{
color:#444;
}

.article-info dd span
{
color:#444;
border-right:solid 0px;

}
/* ##########################  logo  ########################### */
#header
{background:#610B5E}
#logo span
{
color:#555 !important;
margin-top:6px;
font-size:0.4em !important;
letter-spacing:1px
}

.logoheader
{
border-top:solid 5px #555;
color:#555;
background: #fff;

}

#header-image
{
min-height:20px;
background:#eee
}

h1#logo
{
margin:1.2em 20px 10px 20px;
font-size:3em;

}


#line
{
text-align:right;
margin-bottom:10px;
padding-right:20px
}

#header #line form,
#header #line #fontsize,
#header #line form .search
#header #line form .finder
{
display:inline !important;
}

/* ##########################  header  ########################### */


#header ul
{
max-width:1030px;
right:15px;
}

/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */
#header ul.menu
{

margin-top:5px !important;
list-style-type:none
}

#header ul.menu li
{
border:0
}

#header ul.menu li a:link,
#header ul.menu li a:visited
{
color:#333;
border:0;
border-right:solid 1px #eee;
background:transparent;
padding:10px 15px;
}

#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu li a:focus
{
color:#444;
background:#ddd
}

#header ul.menu li.active a:link,
#header ul.menu li.active a:visited
{
color:#fff;
border-right:solid 1px #237D85;
background:#7ba428 !important
}

#header ul.skiplinks
{
width:100%
}
.skiplinks,
.skiplinks li
{
  border:solid 0px #000;
}

#header ul.skiplinks
{
  width:100%;
  text-align:left;
  background:none;
  z-index:20000;
  top:0;
  display:inline;
  padding:0
}

#header ul.skiplinks li a.u2:active,
#header ul.skiplinks li a.u2:focus

{
  background:#333 !important;
  color:#fff !important;
  border:solid 1px;
  top:0px !important;
  z-index:1000000000000 !important;
  left:10px !important;
  display:block;
    width:14em;
    display:block
}

/* ++++++++++++++  fontsize  ++++++++++++++ */

#fontsize
{
  color:#444;
}

#fontsize p a:link,
#fontsize p a:visited
{
  color:#444
}

#fontsize p a:hover,
#fontsize p a:active,
#fontsize p a:focus
{
  background:#555;
  color:#fff
}

#fontsize h3
{
  color:#444;
}


/* ++++++++++++++  search  ++++++++++++++ */

#header form .inputbox
{
  background:#fff !important;
}

#header form .inputbox:focus
{
  border:solid 2px #000;
}

#header form .button
{
  border:solid 1px #999;
  background:#664335 url(../images/searchbutton.png) ;
  color:#fff;
}

/* ##########################  contentarea  ########################### */

#top
{
    background:#eee;
    padding:15px;
    border:solid 1px #ddd
}

#contentarea,
#contentarea2
{
  background:#fff url(../images/box1.png) repeat-x;
}


/* ##########################  breadcrumbs  ########################### */

#breadcrumbs
{
  color:#555;
}

#breadcrumbs span
{
  color:#555;
}

#breadcrumbs span a:link,
#breadcrumbs span a:visited
{
  background:#fff;
  color:#7BA428;
}

#breadcrumbs span a:hover,
#breadcrumbs span a:active,
#breadcrumbs span a:focus
{
  background:#7BA428;
  color:#fff;
}


/* ##########################  navigation column  ########################### */

.module_content
{
  border:solid 1px #ddd;
  background:#fff
}
.moduletable_js
{
  border:solid 0px #ddd;
}

#right .moduletable_js
{
  border:0
}

#nav h3
{
  border-bottom:solid 1px #ddd;
  color:#444;
}

h3.js_heading
{
  border-bottom:solid 1px #fff !important;
  background:#eee;
  font-family: 'Titillium Maps', Arial;
}

h3.js_heading span.backh
{
  border:solid 0px #000
}

h3.js_heading span.backh1
{
  color:#444
}

#right h3
{
  color:#377A2E;
  border-bottom:solid 1px #ddd;
}

#right h3 span.backh
{

}

#right h3 span.backh2
{

}

#right h3 span.backh3
{
  color:#664335
}

h3.js_heading a
{
  border:0
}

h3.js_heading a img
{
  border:0
}

h3.js_heading a.opencloselink:hover,
h3.js_heading a.opencloselink:active,
h3.js_heading a.opencloselink:focus
{
  background:none
}

h3.js_heading a:link,
h3.js_heading a:visited,
h3.js_heading a:hover,
h3.js_heading a:active,
h3.js_heading a:focus
{

}

#nav h3
{
  font-family: 'Titillium Maps', Arial;
}

#nav h3.js_heading a:focus
{

}

#nav form
{
  color:#000;
}

#nav form a:hover,
#nav form a:active,
#nav form a:focus
{
  color:#fff;
  background:#669933;
}

/* ++++++++++++++  first level  ++++++++++++++ */
#nav .moduletable-example ul.menu
{
  background:#fff;
  border:0;
}

ul.menu
{
  border:0;
  background:#fff /* url(../images/nav_level_1.gif) repeat-x */;
  border:solid 0px #eee;
}

.module_content ul.menu
{
  border:0;
}

ul.menu li
{
  border-bottom:solid 1px #ddd;
}


ul.menu li a:link,
ul.menu li a:visited
{
  color:#444;
  background:url(../images/karo.gif) 5px 12px no-repeat
}

ul.menu li.active a:link,
ul.menu li.active a:visited
{
  color:#333;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus,
ul.menu li.active a:hover,
ul.menu li.active a:active,
ul.menu li.active a:focus
{
  background: #fff url(../images/nav_level_1.gif) repeat-x ;
  color:#638420 ;
}


/* ++++++++++++++  second level  ++++++++++++++ */

ul.menu li ul
{
  border:solid 0px #eee;
}

 ul.menu li ul li
{
  border:solid 0px #000;
  background:#fff;
}

 ul.menu li.active ul li a:link,
 ul.menu li.active ul li a:visited
{
  color:#444;
  border:0;
  border-bottom:solid 1px #fff;
  background: #e8e8e8
}

 ul.menu li.active ul li.active a:link,
 ul.menu li.active ul li.active a:visited
{
  border:0;
  color:#333;
  border-bottom:solid 1px #fff;
}

 ul.menu li.active ul li a:hover,
 ul.menu li.active ul li a:active,
 ul.menu li.active ul li a:focus
{
  background:#666 !important;
  color:#fff !important;
}


/* ++++++++++++++  third level  ++++++++++++++ */

ul.menu li ul li ul
{
  border:0 !important;
  background:#f5f5f5 !important;
  padding-bottom:0
}

ul.menu li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li a:visited
{
  background:#f5f5f5 ;
  border-bottom:solid 1px #fff;
  color:#444
}

ul.menu li.active ul li.active ul li.active a:link,
ul.menu li.active ul li.active ul li.active a:visited
{
  color:#333;
}



/* ++++++++++++++  fourth level  ++++++++++++++ */

ul.menu li ul li ul li ul
{
  border:solid 1px #eee !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  background:#fff url(../images/level4.png) repeat-x !important;
}


ul.menu li.active  ul li.active  ul li.active  ul li  a:link,
ul.menu li.active  ul li.active  ul li.active  ul li a:visited
{
  font-weight:normal;
  padding: 3px 2px 3px 40px;
  font-size:0.9em;
  background:#fff url(../images/arrow_small.png) no-repeat  30px 5px;
  color:#444
}


ul.menu li.active  ul li.active  ul li.active  ul li.active  a:link,
ul.menu li.active  ul li.active  ul li.active  ul li.active a:visited
{font-weight:bold;
color:#333 }



/* ++++++++++++++  fifth level  ++++++++++++++ */

ul.menu li ul li ul li ul li ul
{
  border:solid 0px #eee !important;
  padding-top:5px !important;
  padding-bottom:10px !important;
  background:#fff url(../images/level4.png) repeat-x !important;
}


ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li  a:link,
ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li a:visited
{
  font-weight:normal;
  padding: 3px 2px 3px 5px;
  font-size:0.9em;
  background:#fff ;
  color:#444;
  margin:0 10px  0 35px;
  border-bottom:solid 1px #ddd
}


ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li.active  a:link,
ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li.active a:visited
{font-weight:bold; color:#333}


/* ##########################  content - main   ########################### */


#main
{

min-height:300px

}

#main a:link,
#main a:visited
{

}

#main a:hover,
#main a:active,
#main a:focus
{
  background:#7BA428;
  color:#fff;
}

#main th a:hover,
#main th a:active,
#main th a:focus
{
  background:#333;
  color:#fff;
}

.items-row
{

}

.column-1,
.column-2
{
  border: solid 0px;
}

.item-separator
{
  border: solid 0px #333333;
}

#main ul li
{

}

.small
{
  border:solid 0;
}

ul#archive-items li.row0,
ul#archive-items li.row1
{
  border-bottom:solid 1px #ddd
}

.archive #adminForm fieldset
{
  border:0;
  padding:0;
  margin:20px 0
}

/* ++++++++++++++  images  ++++++++++++++ */

.image-left
{
    padding:2px;
}

.image-right
{
    border:solid 1px #ddd;
    padding:2px
}


/* ++++++++++++++  leading  ++++++++++++++ */

.items-row
{

}


/* ++++++++++++++++++++ headings +++++++++++++ */

#main h1
{
  color:#444;
  border-top:solid 0px #ddd;
  border-bottom:solid 1px #ddd;
   font-family: 'Titillium Maps', Arial;

}

/* h1 on frontpage */
/*
#main .blog-featured h1
{
  border-top:solid 0px #ddd;
  border-bottom:solid 0px #ddd;
}
*/
.items-row h2
{
  color:#7BA428;
  border-top:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
}
.items-row h2 a:link,
.items-row h2 a:visited,
.items-leading h2 a:link,
.items-leading h2 a:visited
{
  color:#7BA428 !important;
}



.items-row h2 a:hover,
.items-row h2 a:active,
.items-row h2 a:focus,
.items-leading h2 a:hover,
.items-leading h2 a:active,
.items-leading h2 a:focus
{color:#fff !important;
text-decoration:none !important
}





.items-leading h2
{
  color:#7BA428;
}

#main h2
{
  color:#7BA428;
  font-family: 'Titillium Maps', Arial;

}

#main h2 a
{
  color:#333;
}


/* ++++++++++++++  readmore  ++++++++++++++ */

.readmore a:link,
.readmore a:visited,
a.readmore:link,
a.readmore:visited
{
  color:#444;
  background:#eee url(../images/arrow1.gif) no-repeat left top;
  border:solid 1px #ddd;
}

.readmore a:hover,
.readmore a:active,
.readmore a:focus,
a.readmore a:hover,
a.readmore a:active,
a.readmore a:focus
{
  background:#555 url(../images/arrow2.gif) no-repeat left 6px !important;
  color:#fff;
}

a.readmore:hover,
a.readmore:active,
a.readmore:focus
{
  background:#555;
  color:#fff;
}

/* ++++++++++++++  icons  ++++++++++++++ */

.actions img
{
  border:0;
}

/* ++++++++++++++  items-more  ++++++++++++++ */

#main .items-more h3
{
  border-bottom:solid 1px #ddd;
  border-top:solid 1px #ddd;
  color:#444;
}

#main .items-more ol
{
  color:#000;
}

#main .items-more ol li a
{
  background:#FFF url(../images/blog_more.gif) no-repeat  !important;
  color: #7BA428 /* #377A2E */
}

#main .items-more ol li a:hover,
#main .items-more ol li a:active,
#main .items-more ol li a:focus
{
  background: #555 url(../images/arrow2.gif) no-repeat 0px center;
  color:#333;
}

/* ++++++++++++++  pagination  ++++++++++++++ */

#main .pagination
{
  border-top:solid 1px #ddd;
}


/* ++++++++++++++  article index  ++++++++++++++ */

table.contenttoc
{
  border:solid 1px #ccc;
}


/* ##########################  right column   ########################### */

#right
{

}

#right .moduletable
{
  border:solid 0px #eee;
  border-top:0;
    margin-bottom:10px;

}

#right h3
{
  color:#333
}

#right h4
{
  color:#444;
  border:solid 0;
}

#right ul
{
  border:solid 0 #ccc;
  color:#333;
}

.moduletable-custom ul li
{
  color:#333;
  background: url(../images/arrow2_grey.png) no-repeat  2px 7px;
}

#right .moduletable-custom h4
{
color:#444
}

#right .moduletable a img
{border:0}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */
#close span
{
  color:#000;
}

/* ##########################  modules  ########################### */

/* ++++++++++++++  mostread, latest news ++++++++++++++ */

.mostread li a:link,
.mostread li a:visited,
.latestnews li a:link,
.latestnews li a:visited
{
  background: url(../images/arrow2_grey.png) 2px 7px  no-repeat ;
}

.mostread li a:hover,
.latestnews li a:hover,
.mostread li a:active,
.latestnews li a:active,
.mostread li a:focus,
.latestnews li a:focus
{
  background:#555 url(../images/arrow_white_grey.png) 2px 6px  no-repeat !important;
}

/* ++++++++++++++  newsfeed  ++++++++++++++ */

ul.newsfeed
{
  border:solid 0px #000;
}

.newsfeed-item
{
  border-bottom:solid 1px #ddd;
}

.newsfeed-item h5 a
{

}

/* ++++++++++++++  newsflash  ++++++++++++++ */
/* newsflash horizontal */

ul.newsflash-horiz
{
  border:solid 1px #eee;
  background:#f5f5f5 url(../images/box.png) repeat-x;
}

.newsflash-horiz li
{
  border:solid 0px #eee;
  background:#f5f5f5;
}

ul.newsflash-horiz li h4
{
  border-bottom:solid 1px #fff;
  font-family: 'Titillium Maps', Arial;
}

/* newsflash vertical */

.newsflash-vert
{

}

/* ++++++++++++++  banner  ++++++++++++++ */

.banneritem
{
  border:0
}

.banneritem a
{
  background:none
}

.banneritem a img
{
  background:none;
  border:0
}

/* ++++++++++++++  login  ++++++++++++++ */

#login-form .inputbox
{
  border:solid 1px #ddd;
  background:url(../images/content_bg.gif) repeat-x;
}

fieldset.input
{
  border:0;
}

input.button,
button.button
{
  background:#FFFFFF url(../images/arrow1.gif) no-repeat left top;
  border:1px solid #DDDDDD;
  color:#444444;
}


/* ++++++++++++++  tabs/ slide  ++++++++++++++ */

ul.tabs
{
  border:solid 1px #ddd;
  border-bottom:0;
  background:#f5f5f5 url(../images/box.png) repeat-x;
}

ul.tabs li
{
  background:#f5f5f5 url(../images/box.png) repeat-x;
  border-right:solid 1px #ddd
}

ul.tabs li a:link,
ul.tabs li a:visited
{
  color:#333;
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus
{
  color:#000
}

.tabcontent
{
  border:solid 1px #ddd;
  background:#fff;
  color:#000;
}

.tabcontent .linkclosed
{
  color:#000;
  border-bottom:solid 1px #e5e5e5;
}

ul.tabs li a.linkopen
{
  background:#fff;
  color:#333;
  border:0
}

ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,
ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus
{
  background:#555;
  color:#fff
}


/* ++++++++++++++  category-module  ++++++++++++++ */

.category-module li
{
  border-bottom:solid 1px #ddd;
}

.category-module li li
{
  border:0
}

/* ##########################  search   ########################### */

.searchintro img
{
  border:0px
}

.inputbox:focus
{
  border:solid 2px #000;
}

.word
{
  background:#fff;
  border:solid 0px #ccc ;
}

.word input
{
  background:#fff;
  border:solid 1px #999;
  color:#444;
}

.only
{
  border:solid 1px #ccc;
}

.phrases
{
  border:solid 1px #ccc;
}

/* ++++++++++++++  selects  ++++++++++++++ */
.phrases .inputbox
{
  background:#fff;
  color:#000;
}

.phrases .inputbox option
{
  background:#f5f5f5;
  border-bottom:solid 1px #ccc;
}

.phrases .inputbox option a:hover
{
  background:#C00;
  border-color:#CFD0D6;
  color:#fff;
}

/* ++++++++++++++  search results  ++++++++++++++++++ */

dl.search-results
{
  background:#f5f5f5;
}

dl.search-results dt.result-title
{
  border-top:dotted 1px #ddd
}

dl.search-results dd.result-url
{
  border-bottom:solid 5px #fff;
  color:#115599;
}

dl.search-results dd.result-created
{
  border-bottom:solid 5px #fff;
}

/* ##########################  forms   ########################### */

/* ++++++++++++++  form validation  ++++++++++++++ */

.invalid
{
  border-color:red !important;
}

label.invalid
{
  color:red;
}

/* ##########################  user profile  ########################### */

#users-profile-core,
#users-profile-custom
{
  border:solid 1px #ccc;
}

#member-profile fieldset
{
  border:solid 1px #ccc;
}


/* ##########################  tables   ########################### */
table
{
  border:solid 1px #ddd !important
}

tbody
{

}

tr.odd,
.cat-list-row1
{
  background:url(../images/news.gif)  repeat-x;
}

table.newsfeeds td,
table.weblinks td
{

}

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th
{
  background:#444;
  color:#fff
}

table.weblinks th a,
table.newsfeeds th a,
table.category th a,
table.jlist-table th a
{
  color:#fff !important
}

td.table_footer
{
  background:#ddd url(../images/table_footer.gif) bottom left repeat-x;
}

td.counter
{

}

td.num,
td.hits
{

}

td p
{

}

table.category th a img
{
  border:solid 0px ;
}

/* for opera */
tr, td
{
  border:solid 1px #ddd
}

fieldset.filters
{
  border:0;
}


/* ##########################  contacts   ########################### */

.contact form
{
  background:#fff;
  color:#000;
}

.contact input
{
  background:#fff;
  color:#000;
}

.contact input.invalid,
.contact textarea.invalid
{
  border:solid 2px red;
}

.contact label.invalid
{
  color:red;
}


/* ++++++++++++++  Error Message contact form  ++++++++++++++ */

p.error
{
  color:#044b63;
  background:#eee;
  border-top:3px solid #044b63;
  border-bottom:3px solid #044b63;
}

body.contentpane
{
  background:#fff;
}


/* ##########################  footer   ########################### */

#footer
{

  background:#333333 url(../images/tabs_back.png) repeat-x;
  color:#fff;
  border-top:solid 0px #ccc;

}

#footer-inner
{
  background:#f5f5f5 url(../images/footer.jpg) repeat-x left bottom;
  border-top:solid 1px #ddd
}

#footer-sub a:link,
#footer-sub a:visited
{color:#fff}



.box1
{
  border-right:solid 1px #ddd
}

.box3
{
  border-left:solid 1px #ddd;
}

.box h3
{
  font-family: 'Titillium Maps', Arial;
}

#bottom a img
{
  border:0 none;
}



/* ##########################  editor  ########################### */

.contentpaneopen_edit img
{
  border:0
}

form.editor fieldset
{
  border:solid 1px #ccc;
}


/* ++++++++++++++  edit  ++++++++++++++ */

form#adminForm
{
  border:solid 0px #000
}

.edit form#adminForm fieldset
{
  border:solid 1px #ddd
}

legend
{font-weight:bold}
/* ++++++++++++++  tooltip  ++++++++++++++ */
.tip
{
  border:solid 1px #333;
  background:#ffffcc;
}
table.pagenav,
table.pagenav tr,
table.pagenav td
{border:0 !important}

#main .categories-list ul
{list-style-type:none}

/* contact  plain */
#main .contact h3
{
  border-bottom:solid 1px #ddd;
  margin: 20px 0
}

.form-required
{
  font-weight:bold;
  margin:10px 0;
  background:#fff url(../images/req.png) no-repeat;
  padding:10px 40px

}

.contact .inputbox
{
  background:#fff url(../images/content_bg.gif) repeat-x ;
  border:solid 1px #ccc;
  padding:3px
}
/* contact  slider */

.panel
{
  border:solid 1px #ddd;
  margin-top:-1px

}
#main .contact .panel h3
{
  margin:0px 0 0px 0;
  padding: 0;
  background:#eee;
  border:0
}
.panel h3 a
{
  display:block;
  padding:6px;
  text-decoration:none;
  color:#444;
  padding:6px;
}


.panel h3.pane-toggler a
{
  background:#f5f5f5 url(../images/slider_plus.png) right  top no-repeat;
}
.panel h3.pane-toggler-down a
{
  background:#f5f5f5  url(../images/slider_minus.png) right  top no-repeat;
  border-bottom:solid 1px #ddd;
}

.pane-slider
{
  border:solid 0px;
  padding:0px 10px !important;
  margin:0;
  background: url(../images/nav_level_1.gif) repeat-x ;
}

.panel .contact-form,
.panel  .contact-miscinfo
{
  padding:10px
}

.contact .panel .contact-form form,
.contact .panel .contact-address
{
  margin:20px 0 0 0
}

.categories-list .category-desc ul li
{list-style-type:square
}
/* tabs */

div.current
{

  background: url(../images/nav_level_1.gif) repeat-x ;
}

#close a
{text-decoration:none}

/*Encyclopedia*/
div.encyclopedia_col1 {
  width:49%;
  float:left;

}
div.encyclopedia_col1 p.img_caption {
  font-size: .6em;
}
div.encyclopedia_col2 {
  width:49%;
  float:right;
  padding-left:3px;
  margin-left: 2px;
}
div.encyclopedia_col2 p {
  padding-left:3px;
  margin-left: 2px;
}

div.encyclopedia_links ul
{
        display:block;
        margin:0px 0px 1px 0px;
        list-style-type:none;
        padding:10px 0px 10px 0px;
        width:100%
}
div.encyclopedia_links ul li
{
        display:inline ;
        padding:2px ;
        margin:2px;
        white-space:nowrap;

}
/* ########################## sample module styling  ########################### */

div.sample-module {
    border: 2px dashed #ddd;
    padding: 10px;
    background-color: #f5f5f5;
}

Ik wil aalleen de achtergrond een kleur geven
Dit is beez 5 van joomla
Ik dacht even achtergrond kleur zal me wel lukken
Maar hier moet je voor elke tag kan je instellen hoe en wat
Ik zie niet de site achtergrond

kan iemand me helpen ?

Alvast bedankt

Naarling · 5 sep 2012

Hangt er natuurlijk helemaal van af welke achtergrond je wilt veranderen. Maar als het om de achtergrondkleur van <body> gaat dan moet je bij

Code:

body
{
background: #eee url(../images/header_outer.jpg) repeat-x ;

Het #eee gedeelte aanpassen naar de kleur die je wilt hebben.

uaejeroen · 5 sep 2012

beste

hartelijk dank !!

uaejeroen · 5 sep 2012

misschien kunt u me nog helpen Mr. Naarling

Namelijk, de templates bestaat uit tabbelen vakken
Ik kan de bovenste niet vinden
Daaronder wel
Ik heb het over de achter achter grond Daarbinnen moet ik trouwens ook nog vinden

Het is geloof ik niet logische opgebouwd

Verder wil ik graag de php code verwijderen waar je lettertype bigger en smaller
Dat vind ik niet passen in de site die ik aan het maken ben

Kunt u me helpen hoe ik deze kan verwijderen
Graag advies

Naarling · 5 sep 2012

eh? je vraag is weer eens lekker vaag opgesteld, maar het grootste probleem is dat ik het theme waarmee je aan het werken bent totaal niet ken, dus ik kan je er ook niet verder mee helpen. Ik zou zeggen gebruik firebug/dragonfly/o.i.d. om er achter te komen wat het element dat je wilt veranderen precies is, welke class het heeft, etc., in de CSS kun je het dan vervolgens aanpassen.

Verder wil ik graag de php code verwijderen waar je lettertype bigger en smaller
Dat vind ik niet passen in de site die ik aan het maken ben

Is daar geen instelling voor de vinden? Lijkt me stug dat je om van zo iets af te komen de PHP code moet gaan aanpassen. Maar goed, ik ben niet erg bekend met Joomla dus ik zou het mis kunnen hebben.

Ik denk dat je diteens moet gaan doorlezen (al is het niet erg compleet).

Kunt u me helpen hoe ik deze kan verwijderen

Je, niet u alsjeblieft, ik ben je opa niet.

uaejeroen · 6 sep 2012

Beste Hr. Naarling

Inderdaad je hebt gelijk
Ik schrijf op wat in me opkomt dus denk niet na over de zinsopbouw

Beez5 is een gratis tempplate meegeleverd met joomla

Ik zal me eerst eens gaan verdiepen in Google
met zijn riante zoekresultaten

Alvast bedankt

Jeroen

uaejeroen · 6 sep 2012

Beste... ik heb het gevonden met Beez 5 Font size feature

Edit the index.php and remove the followinf code.

1

<script type="text/javascript" src="/templates/beez_20/javascript/md_stylechanger.js"></script>

also remove this one

1
2
3
4
5
6
7

var fontSizeTitle='<REMOVE_ME?php echo JText::_('TPL_BEEZ2_FONTSIZE'); ?>';
var bigger='<REMOVE_ME?php echo JText::_('TPL_BEEZ2_BIGGER'); ?>';
var reset='<REMOVE_ME?php echo JText::_('TPL_BEEZ2_RESET'); ?>';
var smaller='<REMOVE_ME?php echo JText::_('TPL_BEEZ2_SMALLER'); ?>';
var biggerTitle='<REMOVE_ME?php echo JText::_('TPL_BEEZ2_INCREASE_SIZE'); ?>';
var resetTitle='<REMOVE_ME?php echo JText::_('TPL_BEEZ2_REVERT_STYLES_TO_DEFAULT'); ?>';
var smallerTitle='<REMOVE_ME?php echo JText::_('TPL_BEEZ2_DECREASE_SIZE'); ?>';

and also the last one

1

<div id="fontsize"></div>

Klik om te vergroten...

Wat ik vet met underline heb ik gevonden
Maar dit is weer zo'n km lang script

Code:

<?php
/**
 * @package    Joomla.Site
 * @subpackage  Templates.beez5
 * @copyright  Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;

// check modules
$showRightColumn  = ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));
$showbottom      = ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showleft      = ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));

if ($showRightColumn==0 and $showleft==0) {
  $showno = 0;
}

JHtml::_('behavior.framework', true);

// get params
$color      = $this->params->get('templatecolor');
$logo      = $this->params->get('logo');
$navposition  = $this->params->get('navposition');
$app      = JFactory::getApplication();
$doc      = JFactory::getDocument();
$templateparams  = $app->getTemplate(true)->params;

$doc->addScript($this->baseurl.'/templates/'.$this->template.'/javascript/md_stylechanger.js', 'text/javascript', true);
?>
<?php if(!$templateparams->get('html5', 0)): ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php else: ?>
  <?php echo '<!DOCTYPE html>'; ?>
<?php endif; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
  <head>
    <jdoc:include type="head" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/position.css" type="text/css" media="screen,projection" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/layout.css" type="text/css" media="screen,projection" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/print.css" type="text/css" media="Print" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/beez5.css" type="text/css" />
<?php
  $files = JHtml::_('stylesheet', 'templates/'.$this->template.'/css/general.css', null, false, true);
  if ($files):
    if (!is_array($files)):
      $files = array($files);
    endif;
    foreach($files as $file):
?>
    <link rel="stylesheet" href="<?php echo $file;?>" type="text/css" />
<?php
     endforeach;
  endif;
?>
    <?php if ($this->direction == 'rtl') : ?>
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template_rtl.css" type="text/css" />
    <?php endif; ?>
    <!--[if lte IE 6]>
      <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <!--[if IE 7]>
      <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ie7only.css" rel="stylesheet" type="text/css" />
    <![endif]-->
<?php if($templateparams->get('html5', 0)) { ?>
    <!--[if lt IE 9]>
      <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/html5.js"></script>
    <![endif]-->
<?php } ?>
    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/hide.js"></script>

    <script type="text/javascript">
      var big ='<?php echo (int)$this->params->get('wrapperLarge');?>%';
      var small='<?php echo (int)$this->params->get('wrapperSmall'); ?>%';
      var altopen='<?php echo JText::_('TPL_BEEZ5_ALTOPEN', true); ?>';
      var altclose='<?php echo JText::_('TPL_BEEZ5_ALTCLOSE', true); ?>';
      var bildauf='<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/plus.png';
      var bildzu='<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/minus.png';
      var rightopen='<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTOPEN', true); ?>';
      var rightclose='<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE', true); ?>';
[U][B]      var fontSizeTitle='<?php echo JText::_('TPL_BEEZ5_FONTSIZE', true); ?>';
            var bigger='<?php echo JText::_('TPL_BEEZ5_BIGGER', true); ?>';
            var reset='<?php echo JText::_('TPL_BEEZ5_RESET', true); ?>';
            var smaller='<?php echo JText::_('TPL_BEEZ5_SMALLER', true); ?>';
            var biggerTitle='<?php echo JText::_('TPL_BEEZ5_INCREASE_SIZE', true); ?>';
            var resetTitle='<?php echo JText::_('TPL_BEEZ5_REVERT_STYLES_TO_DEFAULT', true); ?>';
            var smallerTitle='<?php echo JText::_('TPL_BEEZ5_DECREASE_SIZE', true); ?>';[/B][/U]
    </script>

  </head>

  <body>

<div id="all">
  <div id="back">
  <?php if(!$templateparams->get('html5', 0)): ?>
    <div id="header">
      <?php else: ?>
    <header id="header">
      <?php endif; ?>
        <div class="logoheader">
          <h1 id="logo">

          <?php if ($logo != null ): ?>
          <img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
          <?php else: ?>
          <?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
          <?php endif; ?>
          <span class="header1">
          <?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
          </span></h1>
        </div><!-- end logoheader -->

          <ul class="skiplinks">
            <li><a href="#main" class="u2"><?php echo JText::_('TPL_BEEZ5_SKIP_TO_CONTENT'); ?></a></li>
            <li><a href="#nav" class="u2"><?php echo JText::_('TPL_BEEZ5_JUMP_TO_NAV'); ?></a></li>
            <?php if($showRightColumn ):?>
            <li><a href="#additional" class="u2"><?php echo JText::_('TPL_BEEZ5_JUMP_TO_INFO'); ?></a></li>
            <?php endif; ?>
          </ul>
          <h2 class="unseen"><?php echo JText::_('TPL_BEEZ5_NAV_VIEW_SEARCH'); ?></h2>
          <h3 class="unseen"><?php echo JText::_('TPL_BEEZ5_NAVIGATION'); ?></h3>
          <jdoc:include type="modules" name="position-1" />
          <div id="line">
          <div id="fontsize"></div>
          <h3 class="unseen"><?php echo JText::_('TPL_BEEZ5_SEARCH'); ?></h3>
          <jdoc:include type="modules" name="position-0" />
          </div> <!-- end line -->
    <div id="header-image">
      <jdoc:include type="modules" name="position-15" />
      <?php if ($this->countModules('position-15')==0): ?>
        <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/Muay beauty Logo.gif"  alt="<?php echo JText::_('TPL_BEEZ5_LOGO'); ?>" />
      <?php endif; ?>
    </div>
    <?php if (!$templateparams->get('html5', 0)): ?>
      </div><!-- end header -->
    <?php else: ?>
      </header><!-- end header -->
    <?php endif; ?>
    <div id="<?php echo $showRightColumn ? 'contentarea2' : 'contentarea'; ?>">
          <div id="breadcrumbs">

              <jdoc:include type="modules" name="position-2" />

          </div>

          <?php if ($navposition=='left' and $showleft) : ?>

            <?php if(!$this->params->get('html5', 0)): ?>
              <div class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
            <?php else: ?>
              <nav class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
            <?php endif; ?>

                <jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
                <jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
                <jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2"  id="3" />

            <?php if(!$this->params->get('html5', 0)): ?>
              </div><!-- end navi -->
            <?php else: ?>
              </nav>
            <?php endif; ?>

          <?php endif; ?>

          <div id="<?php echo $showRightColumn ? 'wrapper' : 'wrapper2'; ?>" <?php if (isset($showno)){echo 'class="shownocolumns"';}?>>

            <div id="main">

            <?php if ($this->countModules('position-12')): ?>
              <div id="top"><jdoc:include type="modules" name="position-12"   />
              </div>
            <?php endif; ?>

              <jdoc:include type="message" />
              <jdoc:include type="component" />

            </div><!-- end main -->

          </div><!-- end wrapper -->

        <?php if ($showRightColumn) : ?>
          <h2 class="unseen">
            <?php echo JText::_('TPL_BEEZ5_ADDITIONAL_INFORMATION'); ?>
          </h2>
          <div id="close">
            <a href="#" onclick="auf('right')">
              <span id="bild">
                <?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE'); ?></span></a>
          </div>

        <?php if (!$templateparams->get('html5', 0)): ?>
          <div id="right">
        <?php else: ?>
          <aside id="right">
        <?php endif; ?>

            <a id="additional"></a>
            <jdoc:include type="modules" name="position-6" style="beezDivision" headerLevel="3"/>
            <jdoc:include type="modules" name="position-8" style="beezDivision" headerLevel="3"  />
            <jdoc:include type="modules" name="position-3" style="beezDivision" headerLevel="3"  />

        <?php if(!$templateparams->get('html5', 0)): ?>
          </div><!-- end right -->
        <?php else: ?>
          </aside>
        <?php endif; ?>
      <?php endif; ?>

      <?php if ($navposition=='center' and $showleft) : ?>

        <?php if (!$this->params->get('html5', 0)): ?>
          <div class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav" >
        <?php else: ?>
          <nav class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
        <?php endif; ?>

            <jdoc:include type="modules" name="position-7"  style="beezDivision" headerLevel="3" />
            <jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
            <jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2"  id="3" />

        <?php if (!$templateparams->get('html5', 0)): ?>
          </div><!-- end navi -->
        <?php else: ?>
          </nav>
        <?php endif; ?>
      <?php endif; ?>

          <div class="wrap"></div>

        </div> <!-- end contentarea -->

      </div><!-- back -->

    </div><!-- all -->

    <div id="footer-outer">

    <?php if ($showbottom) : ?>
      <div id="footer-inner">

        <div id="bottom">
          <?php if ($this->countModules('position-9')): ?>
          <div class="box box1"> <jdoc:include type="modules" name="position-9" style="beezDivision" headerlevel="3" /></div>
          <?php endif; ?>
             <?php if ($this->countModules('position-10')): ?>
          <div class="box box2"> <jdoc:include type="modules" name="position-10" style="beezDivision" headerlevel="3" /></div>
          <?php endif; ?>
          <?php if ($this->countModules('position-11')): ?>
          <div class="box box3"> <jdoc:include type="modules" name="position-11" style="beezDivision" headerlevel="3" /></div>
          <?php endif ; ?>
        </div>
      </div>
    <?php endif ; ?>

      <div id="footer-sub">

      <?php if (!$templateparams->get('html5', 0)): ?>
        <div id="footer">
      <?php else: ?>
        <footer id="footer">
      <?php endif; ?>

          <jdoc:include type="modules" name="position-14" />
          <p>
            <?php echo JText::_('TPL_BEEZ5_POWERED_BY');?> <a href="http://www.joomla.org/">Joomla!®</a>
          </p>

      <?php if (!$templateparams->get('html5', 0)): ?>
        </div><!-- end footer -->
      <?php else: ?>
        </footer>
      <?php endif; ?>

      </div>

    </div>
    <jdoc:include type="modules" name="debug" />
  </body>
</html>

ik kan die laatste twee niet vinden
Maargoed ik heb nu weinig tijd,

Ik wou in eerste instantie meedelen dat ik het gevonden heb

CSS Aanpassen er groot en ingewikkeld

uaejeroen

Terugkerende gebruiker

Naarling

Terugkerende gebruiker

uaejeroen

Terugkerende gebruiker

uaejeroen

Terugkerende gebruiker

Naarling

Terugkerende gebruiker

uaejeroen

Terugkerende gebruiker

uaejeroen

Terugkerende gebruiker

Nieuwste berichten

Wij waarderen jouw privacy