anzeige

CBACK Orion Style-Hover Effekt


Seite: 1
Autor Beitrag
Treffpunkt
09.02.10 - 11:00:56 Uhr

 Vielleicht kennt sich ja hier jemand aus.

Ich habe mir vor ein paar Tagen ein orion Forum installiert.Jetzt komme ich mit dem Style nicht weiter.Auf der Startseite vom Forum ,wenn ich die Forenkategorien anklicke,habe ich einen blauen Hintergrund.Wie kann ich das ändern.Ich kann die Stelle im Style Sheet nicht finden.

http://www.plauderzwerge.pytalhost.com/orion_245/orion/index.php

Hier mal die Styledatei
  1.  
  2. /* Based on the original Style Sheet for the fisubsilver v2 Theme for phpBB version 2+ (Dax)  
  3. Edited by CBACK  - http://www.cback.de - last updated 07.10.05 */  
  4.  
  5. /* The content of the posts (body of text) */  
  6. body  
  7. {  
  8.   background                 :#9bcb9b;  
  9.   color                   :#436847;  
  10.  
  11.   font                   :12px Verdana,Arial,Helvetica,sans-serif;  
  12.   margin                :6px;  
  13.   padding                :0px;  
  14.  
  15.   scrollbar-3dlight-color    :#d1d7dc;  
  16.   scrollbar-arrow-color      :#006699;  
  17.   scrollbar-darkshadow-color :#98aab1;  
  18.   scrollbar-face-color       :#dee3e7;  
  19.   scrollbar-highlight-color  :#defbdf;  
  20.   scrollbar-shadow-color     :#dee3e7;  
  21.   scrollbar-track-color      :#efefef  
  22. }  
  23.  
  24. /* General font families for common tags */  
  25. font,th,td,p  
  26. {  
  27.   font:12px Verdana,Arial,Helvetica,sans-serif  
  28. }  
  29.  
  30. /* General text */  
  31. .gensmall  
  32. {  
  33.   font-size:10px  
  34. }  
  35.  
  36. td.genmed,.genmed  
  37. {  
  38.   font-size:11px  
  39. }  
  40.  
  41. .explaintitle  
  42. {  
  43.   font-size:11px;font-weight:bold;color:#416a48  
  44. }  
  45.  
  46.  
  47. /* General page style */  
  48. a:link,a:active,a:visited,a.postlink  
  49. {  
  50.   color:#416a48;text-decoration:none  
  51. }  
  52.  
  53. a:hover  
  54. {  
  55.   color:#dd6900  
  56. }  
  57.  
  58.  
  59. /* titles for the topics:could specify viewed link colour too */  
  60. .topictitle  
  61. {  
  62.   font-size:11px;font-weight:bold  
  63. }  
  64.  
  65. a.topictitle:visited  
  66. {  
  67.   color:#436847  
  68. }  
  69.  
  70. a.topictitle:hover  
  71. {  
  72.   color:#dd6900  
  73. }  
  74.  
  75. /* Name of poster in viewmsg.php and viewtopic.php and other places */  
  76. .name  
  77. {  
  78.   font-size:11px;font-weight: bold  
  79. }  
  80.  
  81. hr  
  82. {  
  83.   border: 0px dotted #ffffff;border-top-width:1px;height:0px  
  84. }  
  85.  
  86. /* Category gradients*/  
  87. td.cat  
  88. {  
  89.   font-weight:bold;letter-spacing:1px;background:#9bcb9b url(images/cellpic1.gif);  
  90.   height:29px;text-indent:4px  
  91. }  
  92.  
  93. /* Main table cell colours and backgrounds */  
  94. .row1  
  95. {  
  96.   background:#d2efd3  
  97. }  
  98.  
  99. .row2,.helpline  
  100. {  
  101.   background:#e1fbe2  
  102. }  
  103.  
  104. .row3  
  105. {  
  106.   background:#c9ebca  
  107. }  
  108.  
  109. .row4  
  110. {  
  111.   background:#000000  
  112. }  
  113.  
  114. td.spacerow  
  115. {  
  116.   background:#c9ebca  
  117. }  
  118.  
  119. /* This is for the table cell above the Topics,Post & Last posts on the index.php */  
  120. td.rowpic  
  121. {  
  122.   background:url(images/cellpic2.jpg) #add8ab repeat-y  
  123. }  
  124.  
  125. /* Table Header cells */  
  126. th  
  127. {  
  128.   background:#9bcb9b url(images/cellpic3.gif);  
  129.   color:#dff9e0;  
  130.   font-size:11px;  
  131.   font-weight:bold;  
  132.   height:27px;  
  133.   white-space:nowrap;  
  134.   text-align:center;  
  135.   padding-left:8px;  
  136.   padding-right:8px  
  137. }  
  138.  
  139. /* This is the border line & background colour round the entire page */  
  140. .bodyline  
  141. {  
  142.   background:#fdfdfb;  
  143.   border:1px solid #000000  
  144. }  
  145.  
  146.  
  147. /* This is the outline round the main forum tables */  
  148. .forumline  
  149. {  
  150.   background:#ffffff;  
  151.   border:1px solid #416a48  
  152. }  
  153.  
  154. /* The largest text used in the index page title and toptic title etc. */  
  155. .maintitle,h1  
  156. {  
  157.   font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;  
  158.   text-decoration:none;  
  159.   color:#416a48  
  160. }  
  161.  
  162. .subtitle,h2  
  163. {  
  164.   font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;  
  165.   text-decoration:none  
  166. }  
  167.  
  168. /* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */  
  169. .nav  
  170. {  
  171.   font-size:11px;font-weight:bold  
  172. }  
  173.  
  174. .postbody  
  175. {  
  176.   font-size:12px;line-height:125%  
  177. }  
  178.  
  179. /* Location,number of posts,post date etc */  
  180. .postdetails  
  181. {  
  182.   font-size:10px;color:#416a48  
  183. }  
  184.  
  185. /* FI DivExpand - Daz - ForumImages.com - START */  
  186. /* Code  */  
  187. .codetitle,.code  
  188. {  
  189.   border:1px solid #9bcb9b;padding:2px 2px 3px 3px  
  190. }  
  191.  
  192. .codetitle  
  193. {  
  194.   font-size:11px;background: #d2eed2;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px  
  195. }  
  196.  
  197. .code  
  198. {  
  199.   background:#fafafa;border-top-width:0;color:#060;  
  200.   font:12px Courier,'Courier New',sans-serif;overflow:auto;height:40px;  
  201.   margin:0 20px 0 20px  
  202. }  
  203.  
  204. /* Quote blocks */  
  205. .quotetitle,.quote  
  206. {  
  207.   color:#475e61;font-size:11px;border: 1px dotted #9bcb9b;padding:2px 2px 3px 3px  
  208. }  
  209.  
  210. .quotetitle  
  211. {  
  212.   background:#d8f5d9;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px  
  213. }  
  214.  
  215. .quote  
  216. {  
  217.   background:#fafafa;border-top-width:0;color:#444;  
  218.   overflow:auto;height:40px;margin:0 20px 10px 20px  
  219. }  
  220.  
  221.  
  222. /* This is for the error messages that pop up */  
  223. .errorline  
  224. {  
  225.   background:#dbf8dc;border:1px solid #416a48  
  226. }  
  227.  
  228. /* Form elements */  
  229. form  
  230. {  
  231.   display:inline  
  232. }  
  233.  
  234. input  
  235. {  
  236.   font:11px Verdana,Arial,Helvetica,sans-serif  
  237. }  
  238.  
  239. select  
  240. {  
  241.   background:#dff9e0;font:11px Verdana,Arial,Helvetica,sans-serif  
  242. }  
  243.  
  244. input.post,textarea.post  
  245. {  
  246.   background:#dff9e0;border:1px dotted #000000;  
  247.   font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px  
  248. }  
  249.  
  250. input.button,input.liteoption,.fakebut  
  251. {  
  252.   border:1px solid #000000;background:#fafafa;font-size:11px  
  253. }  
  254.  
  255. input.catbutton  
  256. {  
  257.   border:1px solid #000000;background:#fafafa;font-size:10px  
  258. }  
  259.  
  260. input.mainoption  
  261. {  
  262.   border:1px solid #000000;background:#fafafa;font-size:11px;font-weight:bold  
  263. }  
  264.  
  265. a.but,a.but:hover,a.but:visited  
  266. {  
  267.   color:#000000;text-decoration:none  
  268. }  
  269.  
  270. /* This is the line in the posting page which shows the rollover  
  271. help line. Colour value in row2 */  
  272. .helpline  
  273. {  
  274.   border:0 solid;font-size:10px  
  275. }  
  276.  
  277. abbr, acronym  
  278. {  
  279.   border-bottom:1px dotted #FF0000;  
  280.   margin:0px;  
  281.   font-style: italic;  
  282.   color: red;  
  283.   cursor:help;  
  284. }  
  285.  
  286.  
  287. /* This is the gradient background at the top of the page */  
  288. .topbkg{background: #dbe3ee url('images/cellpic_bkg.jpg') repeat-x; }  
  289. .topnav{border-left:0px solid #91a0ae; border-right:0px solid #91a0ae; border-top:1px solid #91a0ae; border-bottom:1px solid #91a0ae; font-size:10px;background: #e5ebf3 url('images/cellpic_nav.gif') repeat-x;color:#dd6900;  
  290. height:21px;white-space:nowrap;}  
  291.  
  292. /* Admin & Moderator Colours MODification */  
  293. .admin,.mod  
  294. {  
  295.   font-size:11px;font-weight:bold  
  296. }  
  297.  
  298. .admin,a.admin,a.admin:visited  
  299. {  
  300.   color:#ffa34f  
  301. }  
  302.  
  303. .mod,a.mod,a.mod:visited  
  304. {  
  305.   color:#006600  
  306. }  
  307.  
  308. a.admin:hover,a.mod:hover  
  309. {  
  310.   color:#dd6900  
  311. }  
  312.  
  313.  
  314. /* Specify the space around images */  
  315. .imgtopic,.imgicon  
  316. {  
  317.   margin-left:3px  
  318. }  
  319.  
  320. .imgspace  
  321. {  
  322.   margin-left:1px;margin-right:2px  
  323. }  
  324.  
  325. .imgfolder  
  326. {  
  327.   margin:1px 4px 1px 4px  
  328. }  
  329.  
  330.  
  331. /* Gets rid of the need for border="0" on hyperlinked images */  
  332. img  
  333. {  
  334.   border:0 solid  
  335. }  
  336.  
  337. /* Background images for tables */  
  338. .tbl  
  339. {  
  340.   border-collapse:collapse;  
  341.   height:4px;  
  342.   width:100%  
  343. }  
  344.  
  345. .tbll  
  346. {  
  347.   background: url(images/tb4_l.gif) no-repeat;  
  348.   width:8px  
  349. }  
  350.  
  351. .tblbot  
  352. {  
  353.   background: url(images/tb4_m.gif) no-repeat;  
  354.   width:100%  
  355. }  
  356.  
  357. .tblr  
  358. {  
  359.   background: url(images/tb4_r.gif) no-repeat;  
  360.   width:8px  
  361. }  
  362.  
  363. .orionmenu  
  364. {  
  365.   padding:2px;  
  366. }  
Achtzig
09.02.10 - 11:14:43 Uhr

 Zitat: wenn ich die Forenkategorien anklicke,habe ich einen blauen Hintergrund

Hmm, bei mir unter Opera ist alles grün und die Hover-Farbe ist orange
ixiter
09.02.10 - 11:46:02 Uhr

 Das findest du im HTML Source. Das wird mit da Javascript und den Events onmouseover und onmouseout gemacht.

________________
Durchsuch die Pytal Userseiten
Webtools
Google hilft dir weiter
Twitter mich
Treffpunkt
09.02.10 - 20:13:39 Uhr

 Danke für den Tip.
Die Styledatei hat ein template
index_body.tpl-dort konnte ich es ändern.
gruß Conny
Seite: 1

- Obige Beiträge stellen keine Äußerung oder Meinung von Pytal oder dessen Betreiber dar -