>Kalender< Button / Wo Wie Was?

30.06.2009 12:03
avatar  Aceio
#1 >Kalender< Button / Wo Wie Was?
Ac
Mitglied

>Kalender< Button / Wo Wie Was?

Die Button um die es geht habe ich als Bild angehängt.

Die Schriftfarbe der Butten im Kalender ist bei mir genau wie die Buttenfarbe.
Unter CSS kann ich sie nicht ändern, da diese Einstellungen zu viel ändern.
Frage:
An welcher Stelle im Template finde ich die Button um ihnen eine Farbzuweisung oder einen neuen Button zu zuweisen.

Für Tipps zur Umsetzung sag ich schon einmal Danke.


 Antworten

 Beitrag melden
30.06.2009 15:10
avatar  Aceio
#2 RE: >Kalender< Button / Wo Wie Was?
Ac
Mitglied

Habe ich es schlecht beschrieben?

Oder ist heut noch keiner da, der einen guten Ratschlag für mich hat?


 Antworten

 Beitrag melden
30.06.2009 19:49
avatar  BOo°m
#3 RE: >Kalender< Button / Wo Wie Was?
avatar
Mitglied

Ist schon okay beschrieben, auch mit der Bildunterstützung. Da es aber inzwischen mehrere Templates gibt, die sehr unterschiedlich codiert sind, minimiert sich die Zahl derer die direkte Vergleiche von deinen genannten Stellen in ihrem eigenen Template suchen könnten. Die Stellen auf die zu zeigst sind teilweise auch in Bereichen die für Gäste unzugänglich sind und somit kann man auch nicht mit irgendwelchen Hilfstools mal den Code dieser Seiten "analysieren" oder sichten. Man müsste um in allen Fällen helfen zu können dann mindestens drei Testboards laufen haben auf denen jeweils eines der inzwischen angebotenen Templates installiert ist - bei aller liebe zu HPM aber das wäre für mich persönlich dann doch des Guten zuviel...:D

Entweder sorgt der Zufall dafür dass ein versierter User noch das alte Template hat und sich hilfsbereit zeigt oder du musst auf den Support direkt hoffen.....



Gruß, BOo°m


 Antworten

 Beitrag melden
02.07.2009 12:03
avatar  Aceio
#4 RE: >Kalender< Button / Wo Wie Was?
Ac
Mitglied

Danke erst mal,
ich versuch weiter die Stelle zu finden.
Vielleicht ist ja doch noch einer schneller als ich!
Bei erfolg schreib ich es natürlich auch hier rein.


 Antworten

 Beitrag melden
03.07.2009 09:58
#5 RE: >Kalender< Button / Wo Wie Was?
avatar
Mitglied

Hast Du schon mal das Firefox Addon Web Developer probiert?

In Firefox dann unter:

Extras > Web Developer > CSS > Syle_Informationen anzeigen



 Antworten

 Beitrag melden
09.07.2009 11:27
avatar  Aceio
#6 RE: >Kalender< Button / Wo Wie Was?
Ac
Mitglied

Nein habe ich nicht, arbeite ausschließlich mit IE.

Suche eigentlich nur die Stelle im Template an der ich die Button Zuweisung finde.
Hier irgendwo muss sich die Zuweisung verstecken.
Template / Kopie von Standard Template / edit / Kalender /

                                 <script language="javascript" src="jquery.js" type="text/javascript"></script>
<script language="javascript" src="{{js_uri}}tag.js" type="text/javascript"></script>
<script language="javascript" src="{{js_uri}}tagHandler.js" type="text/javascript"></script>


<script type="text/javascript">
function shownewevents() {
if (document.getElementById('cal_newevents').style.display=='block')
{document.getElementById('cal_newevents').style.display='none';
document.getElementById('newevent_caption').innerHTML = '{[calendar_shownewevents]}';
}
else
{document.getElementById('cal_newevents').style.display='block';
document.getElementById('newevent_caption').innerHTML = '{[calendar_hidenewevents]}';
}

}
</script>

<style type="text/css">
<!--


/*- Menu Tabs C--------------------------- */

#tabsC {

float:left;
width:100%;

font-size:93%;
line-height:normal;
}

#tabsC a {
float:left;
background:{{global_area2_bg}};
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsC a span {
float:left;
display:block;
background:{{global_area2_bg}};
padding:5px 15px 4px 6px;
color:#464E42;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span {float:none;}
/* End IE5-Mac hack */
#tabsC a:hover span {
color:#FFF;
}
#tabsC a:hover {
background:{{global_area1_bg}};
}
#tabsC a:hover span {
background:{{global_area1_bg}};
}

#tabsC #current a {
background:{{global_area1_bg}};
color: #FFFFFF;
}
#tabsC #current a span {
background:{{global_area1_bg}};
color: #FFFFFF;
}


.calendar_header{
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;


}
.calendar_body{

background-color:{{global_area1_bg}};
padding:0;
margin-left: 5%;
margin-right: 5%;
}







.calendar_weeks{
border-collapse:collapse;
border:none;
padding:none;
font-size:2em;
font-weight:bold;
vertical-align:center;
text-align:center;
background: {{global_area1_bg}};
}

.calendar_add_event_link{
font-size:2em;
font-weight:bold;
text-align: center;
}


.calendar_day_link{
text-decoration: none;
font-weight: bold;
color:gray ! important;
font-size: large;
}

.calendar_next_link{
text-decoration: none;
color: black ! important;
}
.calendar_today_link{
text-decoration: none;
font-weight: bold;
color:black ! important;
font-size: large;
}
.calendar_days_header{
font-weight: bold;
background: {{global_area1_bg}};
}












.forumbg_light{
background:{{global_area1_bg}} none repeat-x scroll 0 0;
margin-bottom:5px;
}




-->
</style>



{{cal_main_view==true.start}} <!-- ******************************************************************** month view -->



{{newevents==true.start}}

<br />
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td class="ntit" style="font-size:larger;">
{[calendar_newevent]}
</td>
<td class="ntit" width="25%" align="right">
<a href="#" onclick="shownewevents(); return false;" style="text-decoration: underline;">
<small id="newevent_caption">{[calendar_shownewevents]}</small>
</a>
</td>
</tr>
<tr>
<td width="100%" colspan="2">

<div id="cal_newevents" style="display:none;">
<br />
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr class="itop" align="left">
<td width="10%" class="itop"><b>{[calendar_day_view_time]}</b></td>
<td width="90%" style="text-align:left !important;" class="itop"></td>
</tr>

{{newevents.startlist}}
<tr>
<td class="ifo2" width="10%" valign="top">
{{newevents:start_time|dateformat(d.m.Y)}}
</td>
<td class="ifo2" valign="top">
<a href="{{newevents:event_link}}"><b>{{newevents:name}}</b></a>
<br />
<span class="ifos"> {{newevents:description}} </span>
</td>
</tr>
<tr>
<td class="ifo2" colspan="2"><hr></td>
</tr>
{{newevents.end}}

</table>
</div>

</td>
</tr>
</table>

<br />

{{newevents==true.end}}



<table class="calendar_header" width="100%" style="border-collapse: collapse;">
<tr>
<td width="10%" class="ntit"></td>
<td width="90%" style="font-size:larger;" class="ntit"><b>{[calendar_header]} - {{this_month_name|gettranslation(month)}}&nbsp;{{current_year}}</b></td></tr>
</table>
<table width="100%" style="background:{{global_area2_bg}}; padding-top:20px;">
<tr >
<td width= "15%"></td>

<td width= "10%" align="right">

</td>
<td width= "50%" align="center">
<div id="tabsC">
<table width="100%" >
<tr>



<td><h3><a class="calendar_next_link" href="{{previous_month_link}}">&lt;&lt;</a></h3></td>
<td align="right" >
<div id="current">
<a href="{{monthpage_link}}"><span>{[calendar_current_month_descriptor]}</span></a></div>
</td>
<td align="center" style="min-width: 120px; ">
<a href="{{daypage_link}}"><span>{[calendar_current_day_descriptor]}</span></a>
</td>
<td align="left" style="min-width: 120px; ">
<a href="{{yearpage_link}}"><span>{[calendar_current_year_descriptor]}</span></a>
</td>
<td ><h3><a class="calendar_next_link" href="{{next_month_link}}"> &gt;&gt;</a></h3> </td>



</tr>
</table>
</div>


</td>
<td width= "10%" align="left">

</td>
<td width= "15%" align="center">



</td>
</tr>

</table>




<table align="center" width="100%" style="border-collapse: collapse;">

<tr>

<td align="center" width="8%" height="16" class="calendar_days_header">{[calendar_week_descriptor]}</td>
{{weekdays.startlist}}
<td width="12%" height="16" class="calendar_days_header">{{weekdays:weekday|gettranslation(weekday)}}</td>
{{weekdays.end}}
</tr>



{{monthweeks.startlist}}
<tr>
<td valign="top" width="10%" height="96px" >
<table width="100%" height="100%" cellpadding="3" cellspacing="0">
<tr>
<td class="calendar_weeks" >{{monthweeks:year_week}}</td>
</tr>
</table>

</td>



{{monthweeks:weekdays.startlist}}

<td valign="top" width="12%">

<table width="100%" height="100%" cellpadding="3" cellspacing="1">
<tr>
{{weekdays:today==true.start}}
<td onclick="window.location='{{weekdays:day_link}}'"onmouseover="this.style.backgroundColor='silver';" onmouseout="this.style.backgroundColor='{{global_area1_bg}}';" height="100px" width="100%" bgcolor="{{global_area1_bg}}" class="calendar_today" valign="top">
<a class="calendar_today_link" href="{{weekdays:day_link}}">{{weekdays:month_day}}. </a><br />

{{weekdays:today==true.else}}

{{weekdays:thismonth==false.start}}
<td onclick="window.location='{{weekdays:day_link}}'"onmouseover="this.style.backgroundColor='silver';" onmouseout="this.style.backgroundColor='white';" height="100px" width="100px" valign="top" bgcolor="white" class="calendar_notcurrentmonth_day">
<a class="calendar_day_link" href="{{weekdays:day_link}}">{{weekdays:month_day}}. </a><br />
{{weekdays:thismonth==false.else}}
<td onclick="window.location='{{weekdays:day_link}}'" onmouseover="this.style.backgroundColor='silver';" onmouseout="this.style.backgroundColor='{{global_area2_bg}}';" height="100px" valign="top" bgcolor="{{global_area2_bg}}" class="calendar_day">
<a class="calendar_day_link" href="{{weekdays:day_link}}">{{weekdays:month_day}}. </a><br />
{{weekdays:thismonth==false.end}}

{{weekdays:today==true.end}}


{{weekdays:events.startlist}}

{{events:birthday==true.start}} <img src="{{global_birthday}}" style="vertical-align: middle; margin-right: 3px;"> {{events:birthday==true.else}} {{events:birthday==true.end}}
<a href="{{events:event_link}}" style="text-decoration: none;"><small style="text-transform:capitalize;">{{events:name|shortstring(12,"...")}}</small></a>
{{events:birthday==true.start}} {{events:birthday_age==true.start}}<small><i>({{events:birthday_age}})</i></small>{{events:birthday_age==true.end}} {{events:birthday==true.else}} <small><i>({{events:comments_count}})</i></small> {{events:birthday==true.end}} <br />

{{weekdays:events.end}}

</td></td>

</tr>
</table>

</td>

{{monthweeks:weekdays.end}}

</tr>
{{monthweeks.end}}

<tr><td colspan="8" class="nnor">

<form action="{{monthpage_link}}" method="post">
<select name="month_toload" size="1">
{{loadmonths.startlist}}
<option value="{{loadmonths:month}}" {{loadmonths:selected}}>{{loadmonths:monthname|gettranslation(month)}}</option>
{{loadmonths.end}}
</select>
<select name="year_toload" size="1">
{{loadyears.startlist}}
<option value="{{loadyears:year}}" {{loadyears:selected}}>{{loadyears:year}}</option>
{{loadyears.end}}
</select>
<input type="submit" name="jump_tomonth" id="jump_tomonth" value="{[calendar_go_button_caption]}" />
</form>

</td>
</tr>

</table>


{{cal_main_view==true.end}}



{{cal_year_view==true.start}} <!-- ******************************************************************** year view -->


<table class= "calendar_header" width="100%" style="border-collapse: collapse;">
<tr><td width="10%" class="ntit"></td>
<td width=90% style="font-size:larger;" class="ntit"><b>{[calendar_header]} - {{current_year}}</b></td></tr>
</table>
<table width="100%" style="background:{{global_area2_bg}};padding-top:20px;">
<tr >
<td width= "15%"></td>

<td width= "10%" align="right">

</td>
<td width= "50%" align="center">
<div id="tabsC">
<table width="100%">
<tr>



<td ><h3><a class="calendar_next_link" href="{{previous_year_link}}">&lt;&lt;</a></h3></td>
<td align="right">

<a href="{{monthpage_link}}"><span>{[calendar_current_month_descriptor]}</span></a>
</td>
<td align="center">
<a href="{{daypage_link}}"><span>{[calendar_current_day_descriptor]}</span></a>
</td>
<td align="left">
<div id="current">
<a href="{{yearpage_link}}"><span>{[calendar_current_year_descriptor]}</span></a>
</div>
</td>
<td ><h3><a class="calendar_next_link" href="{{next_year_link}}"> &gt;&gt;</a></h3> </td>



</tr>
</table>
</div>


</td>
<td width= "10%" align="left">

</td>
<td width= "15%" align="center">



</td>
</tr>

</table>






{{allmonths.startlist}}

<div style="float:left;">
<table align="center">
<tr><td height="16" class="ntit">{{allmonths:month_name|gettranslation(month)}}</td></tr>
</tr>
<td onclick="window.location='{{allmonths:monthview_link}}'"onmouseover="this.style.backgroundColor='silver';" onmouseout="this.style.backgroundColor='{{global_area2_bg}}';" width="128" height="128" class="icats" style="padding: 5px;vertical-align:top;">
<i>

{{allmonths:popularevents.startlist}}
<small><a href="{{popularevents:event_link}}" style="text-transform: capitalize;">{{popularevents:name}}</a> </small><br />
{{allmonths:popularevents.end}}


</i></a> </td></tr>
</table>
</div>


{{allmonths.end}}


{{cal_year_view==true.end}}





{{cal_day_view==true.start}} <!-- ******************************************************************** day view -->

<table class= "calendar_header" width="100%" style="border-collapse: collapse;">
<tr>
<td width="10%" class="ntit"><small><a href="{{back_tomonth_link}}" style="font-weight: normal !important;"> {[calendar_back_tomonth_link]} </a></small></td>
<td width="90%"class="ntit" style="font-size:larger;"><b>{[calendar_header]} - {{this_weekdayname|gettranslation(weekday)}}, {{this_daynumber}}. {{this_monthname|gettranslation(month)}} {{this_yearnumber}} </b></td>
</tr>
</table>
<table width="100%" style="background:{{global_area2_bg}};padding-top:20px;">
<tr >
<td width= "15%"></td>

<td width= "10%" align="right">

</td>
<td width= "50%" align="center">
<div id="tabsC">
<table width="100%">
<tr>

<td ><h3><a class="calendar_next_link" href="{{previous_daylink}}">&lt;&lt;</a></h3></td>
<td align="right" >

<a href="{{monthpage_link}}"><span>{[calendar_current_month_descriptor]}</span></a>
</td>
<td align="center" >
<div id="current">
<a href="{{daypage_link}}"><span>{[calendar_current_day_descriptor]}</span></a>
</div>
</td>
<td align="left" >
<a href="{{yearpage_link}}"><span>{[calendar_current_year_descriptor]}</span></a>
</td>
<td ><h3><a class="calendar_next_link" href="{{next_daylink}}"> &gt;&gt;</a></h3> </td>



</tr>
</table>
</div>


</td>
<td width= "10%" align="left">

</td>
<td width= "15%" align="center">



</td>
</tr>

</table>





<table width="100%" cellspacing="0" cellpadding="0" border="0">




{{events==true.start}}



<tr class="itop" align="left">
<td width="5%" class="itop"><b>{[calendar_day_view_time]}</b> </td>
<td width="15%" style="text-align:left !important;" class="itop"></td>
<td width="40%" class="itop"><b></b></td>
<td width="10%" class="itop"><b></b></td>
<td width="30%" class="itop"><b></b></td>



</tr>
{{events.startlist}}
<tr>


<td class="ifo2" width="10%" valign="top">

{{events:starttime}}
{{events:ranged==true.start}}
{[calendar_day_view_totime]}
{{events:ranged==true.end}}
{{events:endday==true.start}}
{{events:endday}}.
{{events:endmonth|gettranslation(month)}}
{{events:endday==true.end}}
{{events:endyear==true.start}}
{{events:endyear}}
{{events:endyear==true.end}}
{{events:endtime}}
</td>


<td width="25%" class="ifo2" valign="top">
{{events:birthday==true.start}} <img src="{{global_birthday}}" style="vertical-align: middle; margin-right: 3px;">{{events:birthday==true.else}} {{events:birthday==true.end}}
<a href="{{events:event_link}}"><b>{{events:name}}</b></a> <br /><span class="ifos"> {{events:birthday==true.start}} {[calendar_birthday]} {{events:birthday==true.else}} {{events:description}} {{events:birthday==true.end}}</span></td>
<td width="55%" class="ifo2" valign="top" style="padding: 0px 10px 10px 20px; text-align: justify;"></td>
<td width="5%" class="ifo2"></td>
<tr><td class="ifo2" colspan="5"><hr></td></tr>
</tr>
{{events.end}}

{{events==true.else}}
<tr class="ifo2"><td /><td align="center">
<br/><br/> <h2>{[calendar_day_view_noevents]} </h2> <br/><br/> <hr/> <br/><br/></td></tr>
{{events==true.end}}



{{add_eventlink==true.start}}
<tr class="ifo2"><td colspan="4" align="center">
<h2><a href="{{add_eventlink}}">» {[calendar_add_event_link_text]} «</a></h2> {{add_eventlink==true.end}}

<br/><br/>
</td></tr>
{{add_eventlink==true.end}}




</table>




{{cal_day_view==true.end}}


{{cal_remove_event==true.start}} <!-- ******************************************************************** remove event window -->

<center>

<script language="javascript" src="{{js_uri}}jquery.js" type="text/javascript"></script>

<h2>{[calendar_update_event_confirmation]}</h2>
<br />
<form action="{{delete_event_submit_link}}" method="post">
<input type="hidden" name="event_id_to_delete" value="{{event_id}}" class="button1"/>
<input type=submit id="delete_event" name="delete_event" value="{[calendar_remove_event_btn]}" class="button1" />
</form>

</center>


 Antworten

 Beitrag melden
09.07.2009 12:38 (zuletzt bearbeitet: 09.07.2009 12:39)
avatar  Ben
#7 RE: >Kalender< Button / Wo Wie Was?
avatar
Ben
Mitglied

Ups ist das groß,in [pre] gepackt wäre es besser ...


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!