Deutsch English
Sitemap Imprint Contact us
Search Productsearch
Userpanel & Login
User Name:
Password:

New Products

vBCMS vBulletin CMS Sytem

49.99 EUR


Elegancy vBulletin Style

20.50 EUR


Harmony vBulletin Style

20.50 EUR
  #1 (permalink)  
Old 13.04.2006, 10:47
Gregor's Avatar
Benutzer
  
Join Date: 03.2006
Location: Weißenthurm
Posts: 56
Rep Power: 7
Gregor is on a distinguished road
Send a message via ICQ to Gregor Send a message via AIM to Gregor
Beitrag Button für Frequency-Blue
Bitte füllen Sie folgende Angaben möglichst vollständig aus.

Welcher Style: Frequqncy-Blue
Version der Forensoftware: 3.5.4
Welche Photoshop-Version nutzen Sie: keine

Beschreibung des Problems:
Hallo,
Brauche normales und hoverbutton für die navbar "Chat"
Wehre sehr nezz wenn das einer machen könnte.
Danke vorab...Bitte füllen Sie folgende Angaben möglichst vollständig aus.

Welcher Style:
Version der Forensoftware:
Welche Photoshop-Version nutzen Sie:

Beschreibung des Problems:
__________________
MfG
Gregor
Reply With Quote
  #2 (permalink)  
Old 13.04.2006, 12:02
Aufsteigender Benutzer
  
Join Date: 08.2005
Location: bei mir daheim
Age: 21
Posts: 229
Rep Power: 7
Axon is on a distinguished road
Send a message via ICQ to Axon
Hier sind die beiden.
Ich hoffe sie passen so.
Attached Images
File Type: gif button_chat.gif (685 Bytes, 35 views)
File Type: gif button_chat_hover.gif (936 Bytes, 35 views)
__________________
Reply With Quote
  #3 (permalink)  
Old 13.04.2006, 12:20
Gregor's Avatar
Benutzer
  
Join Date: 03.2006
Location: Weißenthurm
Posts: 56
Rep Power: 7
Gregor is on a distinguished road
Send a message via ICQ to Gregor Send a message via AIM to Gregor
Super danke.
Könnt Ihr mir auch sagen, wie und wo genau ich die Einbaue.
Im Standardstyle habe ich bereits einen Link zu Chat in der navbar drin.
Aber wie mache ich das jetzt mit den Grafiken im Frequency-Style, da muß doch was am CSS geändert werden, oder.
__________________
MfG
Gregor
Reply With Quote
  #4 (permalink)  
Old 13.04.2006, 12:28
Aufsteigender Benutzer
  
Join Date: 08.2005
Location: bei mir daheim
Age: 21
Posts: 229
Rep Power: 7
Axon is on a distinguished road
Send a message via ICQ to Axon
Ja du musst einen CSS Code einbauen das der Mouseover geht, welche das genau sind weiß ich jetzt nicht, aber einen Button kannst im header mit diesen Code eigendlich einbauen:

Code:
 <li class="button_chat"><a class="button_chat" href="chat.php{$SID_ARG_1ST}" title="{$lang->items['LANG_GLOBAL_CHAT']}"><span>{$lang->items['LANG_GLOBAL_CHAT']}</span></a></li>
__________________
Reply With Quote
  #5 (permalink)  
Old 13.04.2006, 12:40
Gregor's Avatar
Benutzer
  
Join Date: 03.2006
Location: Weißenthurm
Posts: 56
Rep Power: 7
Gregor is on a distinguished road
Send a message via ICQ to Gregor Send a message via AIM to Gregor
Danke nochmals...
__________________
MfG
Gregor
Reply With Quote
  #6 (permalink)  
Old 13.04.2006, 13:38
Gregor's Avatar
Benutzer
  
Join Date: 03.2006
Location: Weißenthurm
Posts: 56
Rep Power: 7
Gregor is on a distinguished road
Send a message via ICQ to Gregor Send a message via AIM to Gregor
Komme leider nicht weiter, hab jetzt die beiden Bottons hochgeladen, aber wie soll ich am besten jetzt weiter vorgehen.
Wo muß ich CSS bearbeiten und wie ist der Code, wo und wie muß ich die Bottons einbauen das diese in der Navigation angezeigt werden.
Sorry, aber das ist mir zu hoch.


Die beiden Grafiken heisen: button_chat.gif und button_chat_hover.gif
Dadrauf soll ein Link zum Chat gesetzt werden http://betriebssysteme-forum.de/X7Chat/
__________________
MfG
Gregor
Last edited by Gregor : 13.04.2006 at 15:31.
Reply With Quote
  #7 (permalink)  
Old 13.04.2006, 16:43
Christian's Avatar
Web Design
  
Join Date: 12.2003
Location: In Spocks Quartier
Age: 34
Posts: 16,870
Rep Power: 10
Christian has a reputation beyond reputeChristian has a reputation beyond reputeChristian has a reputation beyond reputeChristian has a reputation beyond reputeChristian has a reputation beyond reputeChristian has a reputation beyond reputeChristian has a reputation beyond reputeChristian has a reputation beyond reputeChristian has a reputation beyond reputeChristian has a reputation beyond reputeChristian has a reputation beyond repute
Im Header Template nach folgendem suchen:

Code:
			<li class="button_forum"><a class="button_forum" href="$vboptions[forumhome].php?$session[sessionurl_q]" title="$vboptions[bbtitle]"><span>$vboptions[bbtitle]</span></a></li>
und folgendes drarunter einfügen:

Code:
			<li class="button_chat"><a class="button_chat" href="chat.php" title="Chat"><span>Chat</span></a></li>
Danach in den Zusatzlichen CSS Defnitionen die Klasse .button_chat nach den selben Vorgaben, wie auch .button_forum, .button_forum span, .button_forum a:link, .button_forum a:visited und .button_forum a:hover erstellen.
__________________
Meine kleinen Engel ... Die Rabauken ...
Reply With Quote
  #8 (permalink)  
Old 13.04.2006, 17:23
Gregor's Avatar
Benutzer
  
Join Date: 03.2006
Location: Weißenthurm
Posts: 56
Rep Power: 7
Gregor is on a distinguished road
Send a message via ICQ to Gregor Send a message via AIM to Gregor
Danke schonmal.
Hab alles so gemacht wie Du es beschrieben hast, aber das Botton-Bild fehlt in der navi
Siehe selbst: http://www.betriebssysteme-forum.de

Hier mal die geänderte CSS:
Code:
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }

/** Logo **/
#logo { background: url(/designs/frequency_blue/logo.jpg) no-repeat top left; height:62px;}

/** Navigation **/
.nav_bg    { background: url(/designs/frequency_blue/nav_bg.gif); height:27px; }
.nav_left  { background: url(/designs/frequency_blue/nav_left.gif) no-repeat top left; height:27px; }
.nav_right { background: url(/designs/frequency_blue/nav_right.gif) no-repeat top right; height:27px; }

.list_m { list-style:none;margin:0;padding:0 36px 0 0; float:right; }

.button_forum, .button_chat, .button_usercp, .button_register, .button_memberlist,
.button_calender, .button_getnew, .button_getdayli, .button_search, .button_menu { float:left;}

.button_forum span, .button_chat span, .button_usercp span, .button_register span, .button_memberlist span, .button_calender span,
.button_getnew span, .button_getdayli span, .bs{ display:none; }

.button_forum a:link, .button_forum a:visited           { background: url(/designs/frequency_blue/button_forum.gif); display:block; width:74px; height:27px; }
.button_chat a:link, .button_chat a:visited           { background: url(/designs/frequency_blue/button_chat.gif); display:block; width:78px; height:27px;} 
.button_usercp a:link, .button_usercp a:visited         { background: url(/designs/frequency_blue/button_usercp.gif); display:block; width:119px; height:27px; }
.button_register a:link, .button_register a:visited     { background: url(/designs/frequency_blue/button_register.gif); display:block; width:108px; height:27px; }
.button_memberlist a:link, .button_memberlist a:visited { background: url(/designs/frequency_blue/button_memberlist.gif); display:block; width:78px; height:27px; }
.button_calender a:link, .button_calender a:visited     { background: url(/designs/frequency_blue/button_calendar.gif); display:block; width:78px; height:27px; }
.button_getnew a:link, .button_getnew a:visited         { background: url(/designs/frequency_blue/button_new_posts.gif); display:block; width:108px; height:27px; }
.button_getdayli a:link, .button_getdayli a:visited     { background: url(/designs/frequency_blue/button_dayli_posts.gif); display:block; width:119px; height:27px; }
.button_menu a:link, .button_menu a:visited         { background: url(/designs/frequency_blue/button_menu.gif); display:block; width:119px; height:27px; }
.button_search a:link, .button_search a:visited         { background: url(/designs/frequency_blue/button_search.gif); display:block; width:87px; height:27px; }

.button_forum a:hover      { background: url(/designs/frequency_blue/button_forum_hover.gif); }
.button_chat a:hover      { background: url(/designs/frequency_blue/.button_chat_hover.gif); }
.button_usercp a:hover     { background: url(/designs/frequency_blue/button_usercp_hover.gif); }
.button_register a:hover   { background: url(/designs/frequency_blue/button_register_hover.gif); }
.button_memberlist a:hover { background: url(/designs/frequency_blue/button_memberlist_hover.gif); }
.button_calender a:hover   { background: url(/designs/frequency_blue/button_calendar_hover.gif); }
.button_getnew a:hover     { background: url(/designs/frequency_blue/button_new_posts_hover.gif); }
.button_getdayli a:hover   { background: url(/designs/frequency_blue/button_dayli_posts_hover.gif); }
.button_menu a:hover       { background: url(/designs/frequency_blue/button_menu_hover.gif); }
.button_search a:hover     { background: url(/designs/frequency_blue/button_search_hover.gif); }

.list_mu { list-style:none; margin:0;padding:8px 0 0 22px; }

.m_home, .m_faq, .m_contact { float:left; }
.m_home span, .m_faq span, .m_contact span { display:none; }

.m_home a:link, .m_home a:visited       { background: url(/designs/frequency_blue/m_home.gif); display:block; width:27px; height:19px; }
.m_faq a:link, .m_faq a:visited         { background: url(/designs/frequency_blue/m_faq.gif); display:block; width:28px; height:19px; }
.m_contact a:link, .m_contact a:visited { background: url(/designs/frequency_blue/m_contact.gif); display:block; width:28px; height:19px; }

.m_home a:hover    { background: url(/designs/frequency_blue/m_home_hover.gif); }
.m_faq a:hover     { background: url(/designs/frequency_blue/m_faq_hover.gif); }
.m_contact a:hover { background: url(/designs/frequency_blue/m_contact_hover.gif); }

/** Content **/
.forbg { background: url(/designs/frequency_blue/c_botop_bg.gif); height: 23px; }
.forl  {  background: url(/designs/frequency_blue/c_botop_left.gif) no-repeat top left; height: 23px;  }
.forr  {  background: url(/designs/frequency_blue/c_botop_right.gif) no-repeat top right; height: 23px;  }

.fornbg { background: url(/designs/frequency_blue/n_botop_bg.gif); height: 23px; }
.fornl  {  background: url(/designs/frequency_blue/n_botop_left.gif) no-repeat top left; height: 23px;  }
.fornr  {  background: url(/designs/frequency_blue/n_botop_right.gif) no-repeat top right; height: 23px;  }

.n_border_left     { background: url(/designs/frequency_blue/c_bo_left.gif) repeat-y top left;}
.n_border_right    { background: url(/designs/frequency_blue/c_bo_right.gif) repeat-y top right;}
.n_border_leftpic  { background: url(/designs/frequency_blue/n_bopic_left.gif) no-repeat top left;padding-left:3px; }
.n_border_rightpic { background: url(/designs/frequency_blue/n_bopic_right.gif) no-repeat top right;padding-right:3px; }

.c_border_left  { background: url(/designs/frequency_blue/c_bo_left.gif) repeat-y top left;padding-left:3px; }
.c_border_right { background: url(/designs/frequency_blue/c_bo_right.gif) repeat-y top right;padding-right:3px; }

.c_border_bottombg    { background: url(/designs/frequency_blue/c_bobo_bg.gif); height: 18px; }
.c_border_bottom_left {  background: url(/designs/frequency_blue/c_bobo_left.gif) no-repeat top left; height: 18px;  }
.c_border_bottom-right{  background: url(/designs/frequency_blue/c_bobo_right.gif) no-repeat top right; height: 18px;  }

.fortitel{padding: 6px 0px 0px 52px; font: bold 11px tahoma; }

.pib {border-left: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;padding: 3px 3px 3px 3px; }
.pibu { border: 1px solid #C9C9C9;background-color: #EDEDED;margin-top: 2px; }

.top_bo_bg    { background: url(/designs/frequency_blue/top_bo_bg.gif); height:27px; }
.top_bo_left  { background: url(/designs/frequency_blue/top_bo_left.gif) no-repeat top left; height:27px; }
.top_bo_right { background: url(/designs/frequency_blue/top_bo_right.gif) no-repeat top right; height:27px; }

.bo_left_bg   {background: url(/designs/frequency_blue/bo_left_bg.gif) repeat-y top left;}
.bo_right_bg  { background: url(/designs/frequency_blue/bo_right_bg.gif) repeat-y top right; }
.bo_left_pic  { background: url(/designs/frequency_blue/bo_left_pic.jpg) no-repeat top left; padding:0 0 0 12px; }
.bo_right_pic { background: url(/designs/frequency_blue/bo_right_pic.jpg) no-repeat top right; padding:0 11px 0 0; }

.pages { background: #FFFFFF url(/designs/frequency_blue/page_bg.gif) repeat-x top left; }

#fo_bg { background: #fff; }

.bottom_bo_bg    { background: url(/designs/frequency_blue/bottom_bo_bg.gif); height:22px; }
.bottom_bo_left  { background: url(/designs/frequency_blue/bottom_bo_left.jpg) no-repeat top left; height:22px; }
.bottom_bo_right { background: url(/designs/frequency_blue/bottom_bo_right.jpg) no-repeat top right; height:22px; }

img {border:0;}
__________________
MfG
Gregor
Reply With Quote
  #9 (permalink)  
Old 13.04.2006, 17:39
Rene
Gast
  
Posts: n/a
Lösch einfach mal den Punkt (rot markiert)

Code:
.button_chat a:hover      { background: url(/designs/frequency_blue/.button_chat_hover.gif); }
den der Button heißt ja sicherlich nicht .button_chat_hover.gif, also immer so eintragen wie die Buttons tatsächlich heißen
mfg rene'
Reply With Quote
  #10 (permalink)  
Old 13.04.2006, 17:49
Gregor's Avatar
Benutzer
  
Join Date: 03.2006
Location: Weißenthurm
Posts: 56
Rep Power: 7
Gregor is on a distinguished road
Send a message via ICQ to Gregor Send a message via AIM to Gregor
Danke, alles klar, funzt.
__________________
MfG
Gregor
Reply With Quote
Reply

Lesezeichen

« Previous Thread | Next Thread »
Thread Tools
Display Modes Rate This Thread
Linear Mode Linear Mode
Rate This Thread:

Posting Rules
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
BB-Code ist On.
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
Frequency-Blue Gregor Bugs & Fehlersuche 1 10.04.2006 16:50
Button Mystic Blue Mike_K Photoshop 3 23.12.2005 11:20
Geschlossen Button bei dem Blue-Wonder-wBB-Style E=mc² Style- & Web Template Support 2 19.09.2005 22:13
Blue Circle Button Dustman Photoshop 7 28.06.2005 14:29
Fehlende Button bei Blue Trance Delta Allg. wBB Support 0 28.12.2004 12:54

Imprint
Contact Us

Copyright © 2006, Reuter & Bloeß GbR.
| Datenschutz | Sitemap | Unsere Partner | Top |
Home Products Forum Über uns Support & FAQs
Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.3.0 ©2009, Crawlability, Inc.
Tipp: Fussball | Heilerde
Shopsystem, Shop System, CMS, Webkatalog mit vBCMS CMS