Thread subject: pHpFusion Nederlands (BE|NL) » Ondersteuning, Themas, Infusies, Modificaties en Installatie :: aanpassen css awecal-0.8.4

Posted by ivoht on 01 August 2010, 11:49
#1
Hoi Ik maak gebruik van de kalender awecal-0.8.4

ik vind deze er goed uitzien, echter wil ik slechts kleine aanpassingen doen.
HIervoor pas ik dan mijn eigen css aan, en vink dit in het admin menu aa. echter ziet de kalender er dan opeens totaal ander suit

waar vind ik de originele instellingen van de kalender terug zodat ik deze in mijn eigen css kan zetten en dan slechts alleen mijn dingetjes aanpas?

ik wil namelijk dat de dagen dat er activiteiten zijn een ander achtergrond kleurtje krijgen

Posted by Jelle on 01 August 2010, 17:09
#2
Als je de zoekfunctie op deze website gebruikt kan je veel al gestelde vragen vinden.
Zoals hier: http://www.phpfusion-nederlands.info/...8#post_768
een vraag van ivoht over precies het zelfde.

Posted by ivoht on 01 August 2010, 19:45
#3
klopt die readme css heb ik ook gebruikt, echter wil ik ook de instellingen zien van de niet aangepaste versie. die is namelijk op een enkel dingetje perfect.

als ik echter mijn eigen css gebruik is alles anders vergeleken met de originele klaender

Posted by ivoht on 01 August 2010, 21:27
#4
Code



table.awec_calendar th {

/* table head: day of the week */

   

font-weight: bold;text-decoration:underline;

}





table.awec_calendar td.current {   

/* current day */



border: 1px solid white;

background-color: lightblue;



}





table.awec_calendar td.content {

/* day with some events */

   

border: 1px solid white;

background-color: blue;

}





table.awec_calendar td.empty {

/* day with no events */

   

border: 1px solid white;

}





table.awec_calendar td.weekend {

/* analogous for the list view except it is using rows instead of cells */



table.awec_list tr.odd {

   background-color: green;

}

table.awec_list tr.even {

   background-color: red;

}



table.awec_list tr.current  {

   background-color: yellow;

}







/* boxover */



.awec_bo_head {

        

border: 1px solid white;

background-color: #5c5b7e;

        

background-color: #555;

        

padding: 4px;

}







.awec_bo_body {

       

 border: 1px solid white;

background-color: #504f6d;

       

 background-color: #444;

        

padding: 4px;

}





.awec_bo_body ul {

 

border: 1px solid white;

margin: 0;

        

padding-left: 10px;

}





--end-copy--







/


hoe zorg ik nu dat de boxover omringt is maw een randje heeft?
en hoe pas ik die fonts daarin aan?

Posted by ivoht on 01 August 2010, 21:53
#5
heb nog even verder geknutseld maar ook dit werkt niet;

Code







/* boxover */



table.awec_bo_head td{

 

border: 1px solid white;

background-color: #5c5b7e;

        

background-color: #555;

        

padding: 4px;

}







table.awec_bo_body td{

       

 border: 1px solid white;

background-color: #504f6d;

       

 background-color: #444;

        

padding: 4px;

}





table.awec_bo_body ul td{

 

border: 1px solid white;

margin: 0;

        

padding-left: 10px;

}

Posted by Roberto on 02 August 2010, 09:05
#6
Zet de mijne er ff in daar kan je alles mee aanpassen zoals je wilt.
Wil je de dageneen kleurtje geven zet dan gewoon de background color er bij.

Code

table.awec_calendar th {      /* table head: day of the week */

   font-size: 9px;

   font-weight: bold;

              padding: 4px;4px;4px;4px;

              border-top: 1px solid #333333;

              border-right: 1px solid #000000;

              border-bottom: 1px solid #000000;

              border-left: 1px solid #333333;

   

}



table.awec_calendar td.current {   /* current day */

    



              padding: 4px;4px;4px;4px;

              border-top: 1px solid maroon;

              border-right: 1px solid maroon;

              border-bottom: 1px solid maroon;

              border-left: 1px solid maroon;

}



table.awec_calendar td.content {   /* day with some events */

      

              padding: 4px;4px;4px;4px;

              border-top: 1px solid green;

              border-right: 1px solid green;

              border-bottom: 1px solid green;

              border-left: 1px solid green;

              

}







table.awec_calendar td.empty {      /* day with no events */

         padding: 4px;4px;4px;4px;

background-color:#808080;

background-color:#222222;

border-top: 1px solid #333333;

border-right: 1px solid #000000;

border-bottom: 1px solid #000000;

border-left: 1px solid #333333;

}











/* boxover */

.awec_bo_head {

       

 background-color: #5c5b7e;

        

        font-size: 11px;color: orange;

        padding: 4px;

        background-color:#808080;

        background-color:#222222;

        border-top: 1px solid #333333;

        border-right: 1px solid #000000;

        border-bottom: 1px solid #000000;

        border-left: 1px solid #333333; 





}



.awec_bo_body {



        font-size: 11px;color: orange;

        padding: 4px;

        background-color:#808080;

        background-color:#222222;

        border-top: 1px solid #333333;

        border-right: 1px solid #000000;

        border-bottom: 1px solid #000000;

        border-left: 1px solid #333333;       

        



}

.awec_bo_body ul {

     

  margin: 0;

        padding-left: 10px;

}
Edited by Roberto on 02 August 2010, 09:09

Posted by ivoht on 02 August 2010, 12:16
#7
thanks roberto, hier kan ik n stuk meer mee!Thumbs Up

enig idee trouwens hoe ik de hele kalender in n table kan zetten? maw omrasterd door n randje?
in t standaard design van de kalender zit dat namelijk wel
Edited by ivoht on 02 August 2010, 12:36