Thema: SMO Ajax ShoutBox Button ändern...

Hallo,

und zwar möchte ich bei meiner ShoutBox die Button von der Größe und Farbe her ändern... Leider hab ich null Ahnung wie ich das machen soll...

Habe schon einiges versucht aber leider ohne Erfolg...

Die ShoutBox ist super, aber leider passen die Standart Grauen Buttons absolut nicht zu den Farben der Homepage.

Wer mal schauen möchte

www.D-Day-Soldiers.com

Ich hätte sie am liebsten in schwarz oder sehr dunklem grau mit weißer Schrift drin...

Vielen Dank für jede Hilfe.

Gruß

Dirty Devil *DDS*

Jo Hi,



also so habe ich die ShoutBox angepasst :



1. Du öffnest deine mod_smo_ajax_shoutbox.php



Und suchst dir die Stelle



<?php } ?>

</td></tr>

<tr><td <? if (!shoutbox_enable_smileys) { echo "colspan=\"2\"";}?>><input class="shoutbox" type="submit" id="submitchat" name="submit" value="<?php echo _SEND_BUTTON; ?>" /></td>

<? if (shoutbox_enable_smileys) { ?>

<td><input class="smileys" type="button" id="moresmileys" name="smileys" value="smileys" onClick="javascript:moreChatSmileys();" /></td>

<?

}

?>

</tr>

</table>


Heraus.



Dies ersetzt du dann durch folgendes :



<?php } ?>

</td></tr>





<div>

<tr><td ><input class="shoutbox" type="submit" id="submitchat" name="submit" value="<?php echo _SEND_BUTTON; ?>" style="width:70px;" ></td>









<td><input class="smileys" type="button" id="moresmileys" name="smileys" value="smileys" onClick="javascript:moreChatSmileys();" style="width:70px;" ></td>



</tr>

</div>

</table>



Die blau markierten Stellen sind die Breiten der Buttons. Einfach zu Zahl Größer oder kleiner machen, dann werden sie breiter oder schmaler.



Das war der erste Schritt.



Nun kommt der Zweite.



Öffne deine mod_smo_ajax_shoutbox_css.php :



Nun fügst du folgendes Einfach irgendwo in einem leeren Bereich ein



.senden, #submitchat {

background-image : url('http://www.d-day-soldiers.com/modules/images/button_bg.png');

font-family : Geneva, Arial, Helvetica, sans-serif;

float : left;

text-align : center;

font-size : 11px;

border : 0px solid #2c2c2c;

margin-left : 10px;

color : #fcfcfc;

padding : 2px;

margin-right:4px; margin-top:4px; margin-bottom:4px

width: 40px;

}





Hier kannst du Schrifart, Schriftgröße etc beliebig ändern. Wie du vielleicht siehst benutze ich bei meinen Button ein Hintergrundbild : background-image : url('http://www.d-day-soldiers.com/modules/images/button_bg.png');



Das kannst du natürlich auch tun wenn du möchtest. Passe dazu einfach den Pfad des Bilder an.

Wenn du allerdings eine Farbe als Hintergrund benutzen möchtest ändere bitte den Eintrag



background-image : url('http://www.d-day-soldiers.com/modules/images/button_bg.png');



In



background-color:#FARBCODE;



Dann suchst du dir .smiley heraus und änderst alles was darunter steht bis zum } in folgendes :



.smileys, #moresmileys {

background-image : url('http://www.d-day-soldiers.com/modules/images/button_bg.png');

font-family : Geneva, Arial, Helvetica, sans-serif;

float : left;

text-align : center;

font-size : 11px;

border : 0px solid #2c2c2c;

margin-left : 10px;

color : #fcfcfc;

padding : 2px;

margin-right:4px; margin-top:4px; margin-bottom:4px

width: 40px;

}



Hier gelten die gleichen Editierregeln wie oben auch schon.




Gibt bestimmt eine schönere Lösung, bei den Leuten die richtig PHP programmieren können, aber so hats bei mir auch geklappt und ich hoffe ich konnte helfen....