Calender in Sidebar

m4d-maNu

Servus,
ich habe das Template i-81, die Anordnung der sachen gefällt mir da ganz gut nur das Desgin werde ich sobald alles andere fertig ist ändern.

http://www.virtuelle-daddelmaschine.de/

die Navigation rechts ist in einer Sidebar.php

diese weis ich auch ein bisschen wie ich sie bearbeiten kann, jedoch bin ich verloren wenn ich komplett selber sachen einfügen muss.

so wie in den fall des IZ-Calenders.
http://downloads.wordpress.org/plugin/izcalender.2.0.zip

wie man bei mir auf der page sieht würde ich den gerne rechts einbringen, nur weis ich nicht wie der code aussehen soll. alles was ich so bis jetzt versucht habe hat mir fehler meldungen ausgeben.

oder kann ich diesen calender nicht via php einbauen?

wäre super wenn mir einer helfen könnte

greez maNu

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

der Kalender ist ein Widget

also einfach entpacken, in den Plugin-Ordner hoch laden, im Dashboard aktivieren und dann unter Widgets in die Sidebar ziehen

http://wordpress.org/extend/plugins/izcalender/installation/

m4d-maNu

mh ich glaube das geht bei meinen theme nicht, wenn ich das mache passiert nichts.

keines der sachen wo bei mir in der sidebar ist, ist über das widget hinzugefügt worden. die sind alle abgeschalten und auch jetzt wird der kalender nicht angezeigt obwohl es drinnen wäre.

Tutrix

Laut Quelltext ist er installiert.
Hast du testweise einen Event eingetragen?
Vielleicht wird nix angezeigt, weil es nix zum anzeigen gibt ;)

m4d-maNu

ist ein sample event noch drinnen, laut beschreibung kann man in in die sidebar oder die page so einbauen.

steht aber auch was drinnen mit

Added div container id ui-izc to function "IZCalendar()" called by user-interface

und

thanx to a plugin called PHP exec users can now add the callender to any page or sidebar

das kapiere ich nicht so ganz

m4d-maNu

sorry für doppelpost, aber ich glaube ein edit würde nun untergehen da mir ein User ja schon hilft.

<?php IZCalendar(); ?>

nun wird der Calender angezeigt nur stimmen die Masse überhaupt nicht, die werd ich vermutlich in der css ändern müssen oder?

m4d-maNu

sorry für den triple post

jedoch habe ich ein problem, egal welche width werte ich in der css datei ändere. ändert sich nichts an den aussehen des calenders, er wird wie aktuell falsch dragestellt.

die pfeile oben sollten ja eigendlich auf gleicher hohe sein und die 3 monate immer neben einander. das bekomme ich aber einfach nicht hin, liegt das an der methode wie es in die php eingefügt habe oder bin ich einfach nur zu doof die css datei zu ändern?

CSS

/*Defualt CSS called by user-interface in sidebar */
div#izc-widget div#ui-izc div#ui-iz-calender-events div.close a {
-moz-border-radius:5px 5px 5px 5px;
background-color:#E7E7E7;
border:1px solid #999999;
color:#666666;
font-size:10px;
left:0px;
padding:0px;
position:absolute;
top:10px;
}
div#izc-widget div#ui-izc div#ui-iz-calender-events div.close a:hover {
background-color:#ccc;
color:#666666;
text-decoration:none;
}
div#izc-widget div#ui-izc div#ui-iz-calender-event-description div.close a {
-moz-border-radius:5px 5px 5px 5px;
background-color:#E7E7E7;
border:1px solid #999999;
color:#666666;
font-size:10px;
left:25px;
padding:0px;
position:absolute;
top:25px;
}
div#izc-widget div#ui-izc div#ui-iz-calender-event-description div.close a:hover {
background-color:#ccc;
color:#666666;
text-decoration:none;
}




div#izc-widget div#ui-izc div#ui-iz-calender-events {
    float:left;
    margin-top:-10px !important;
    padding:5px !important;
    width:200px !important;
    position:relative;
}
div#izc-widget div#ui-izc {
    width:167px !important;
}
div#izc-widget div#ui-izc div#ui-iz-calender-event-description div.left {
    background-color:#f2f2f2;
    float:left;
    width:150px !important;
    color:#333;
    border:1px solid #999;
    padding:20px;
    line-height:22px;
}
div#izc-widget div#ui-izc div#ui-iz-calender-event-description div.left a{
    color:#333;
}
div#izc-widget div#ui-izc div#ui-iz-calender-event-description div.right {
    float:left;
    width:7px;
    height:20px;
    background-image:url(../images/arrow.png);
    background-position:0px 5px;
    background-repeat:no-repeat;
    margin-left:-1px;
}
div#izc-widget div#ui-izc div#ui-iz-calender-event-description {
    float:left;
    margin-left:15px !important;
    margin-top:10px !important;
    width:200px !important;
    padding:20px;
    position:relative;
}
div#izc-widget div#ui-izc div#ui-iz-calender-events div.left {
    background-color:#f2f2f2;
    float:left;
    width:150px !important;
    color:#333;
    border:1px solid #999;
    padding:20px;
    line-height:22px;
}
div#izc-widget div#ui-izc div#ui-iz-calender-events div.left a{
    color:#333;
}
div#izc-widget div#ui-izc div#ui-iz-calender-events div.right {
    float:left;
    width:7px;
    height:20px;
    background-image:url(../images/arrow.png);
    background-position:0px 5px;
    background-repeat:no-repeat;
    margin-left:-1px;
}
div#izc-widget div#ui-izc div#iz-calender ul li a {
    list-style-type:none;
    position:relative;
    text-decoration:none;
}
div#izc-widget div#ui-izc div#iz-calender ul li a div.count-months {
    position:absolute;
    top:0;
    right:0;
    padding:0px;
    cursor:text;
}
div#izc-widget div#ui-izc div#iz-calender ul li a div.count-months div.counted{
    background-color:#E2E2E2;
    border:1px solid #ccc;
    color:#FFFFFF;
    font-size:10px;
    padding:0 3px;
    -moz-border-radius:5px;
}
div#izc-widget div#ui-izc div#iz-calender label{
    cursor:text;
}
div#izc-widget div#ui-izc div#iz-calender div.calender-months {
    margin-bottom:50px;
}
div#izc-widget div#ui-izc div#iz-calender div .calender-months ul li {
}
div#izc-widget div#ui-izc div#iz-calender ul.calender-month-row li,
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year ul li{
    margin:0px;
    padding:0px;
}
div#izc-widget div#ui-izc div#iz-calender ul.calender-month-row ,
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year{
    clear:both;
    width:177px !important;
    padding:0;
}
div#izc-widget div#ui-izc div#iz-calender div.calender-months ul li a:link, 
div#izc-widget div#ui-izc div#iz-calender div.calender-months ul li a:visited,
div#izc-widget div#ui-izc div#iz-calender div.calender-months ul li a:active {
    background:-moz-linear-gradient(center bottom ,#f2f2f2 , #e7e7e7) repeat scroll 0 0 transparent;
    background-color:#f2f2f2;
    width:25px !important;
    float:left;
    text-decoration:none;
    margin:1px !important;
    border:1px solid #e7e7e7;
}
div#izc-widget div#ui-izc div#iz-calender div.calender-months ul li a:hover,
div#izc-widget div#ui-izc div#iz-calender div.calender-months ul li.active a:link{
    background:-moz-linear-gradient(center bottom ,#EFF8FC, #9DD2EA) repeat scroll 0 0 transparent;
    background-color:#e7e7e7;
    color:#369;
    font-weight:bold;
}
div#izc-widget div#ui-izc div#iz-calender div.wrap div.calender-months {
    width:180px !important;
    height:210px !important;
    float:left !important;
}
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year {
    width:177px !important;
}
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year ul {
    padding:0 !important;
}
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year div.calender-year {
    float:left;
    text-align:center;
    width:75px !important;
    padding-top:4px !important;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:17px;
}
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year ul.next li a:link,
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year ul.next li a:visited,
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year ul.next li a:active {
    background:-moz-linear-gradient(left bottom , #F2F2F2, #E7E7E7) repeat scroll 0 0 transparent;
    float:right !important;
    color:#999999;
    text-decoration:none;
    padding:5px 10px !important;
    margin:0px;
}
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year ul.next li a:hover {
    background:-moz-linear-gradient(left bottom , #e7e7e7, #cccccc) repeat scroll 0 0 transparent;
    color:#666666;
    text-decoration:none;
}
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year ul.prev li a:link,
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year ul.prev li a:visited,
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year ul.prev li a:active {
    background:-moz-linear-gradient(right bottom , #F2F2F2, #E7E7E7) repeat scroll 0 0 transparent;
    float:left;
    color:#999999;
    text-decoration:none;
    padding:5px 10px !important;
}
div#izc-widget div#ui-izc div#iz-calender div#calender-select-year ul.prev li a:hover {
    background:-moz-linear-gradient(right bottom , #e7e7e7, #cccccc) repeat scroll 0 0 transparent;
    color:#666666;
    text-decoration:none;
}

Alles anzeigen

edit:
eigendlich sollte es ja so aussehen

http://s.wordpress.org/extend/plugins…-3.png?r=321932

Tutrix

Der Kalender ist zu breit für deine Sidebar, deshalb verschiebt sich alles.
Musst also die Breite der Sidebar ändern.

oder eine Seite Events erstellen und den Kalender dort einfügen

m4d-maNu

puh die hab ich vorhin schon mal geändert, mal schauen ob ich die richtige width bzw. padding finde.

edit:
ich find die richtige stelle nun leider nicht mehr, kanst du mir eventuell auf die sprünge helfen. ich hab das gefühl das du das schneller findest wie ich :D

m4d-maNu

sorry für einen weitern doppel post, jedoch finde ich die breite in der css datei nicht mehr.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Calender in Sidebar

Jetzt mitmachen!