[MyBB]Eingabefensters vergößern

  • [MyBB]Eingabefensters vergößern

    [FONT="Tahoma"][COLOR="LemonChiffon"][SIZE="2"]Hallo,
    nachdem ich in mein mybb Forum Video Codes eingebunden habe (via der MyCode funktion) und diese dann auch in das Beitrag erstellen fenster eingebaut habe, sieht es nun so aus:


    Da ich denke, das es mit dem Editor Theme (Office) zusammenhängt, hier einmal die Stylesheet.css des "Themes":

    Quellcode

    1. .messageEditor {
    2. background: #d5e4f2;
    3. border: 1px solid #9dbcd7;
    4. padding: 3px;
    5. padding-top: 3px;
    6. }
    8. .messageEditor .toolbar_container {
    9. height: 28px;
    10. padding: 2px;
    11. }
    13. .toolbar {
    14. height: 28px;
    15. }
    17. .messageEditor .toolbar_dropdown {
    18. margin-top: 3px;
    19. margin-right: 4px;
    20. }
    22. .messageEditor .toolbar_button {
    23. margin: 2px 0;
    24. height: 22px;
    25. float: left;
    26. display: block;
    27. z-index: 1;
    28. }
    30. .messageEditor .toolbar_button img, .messageEditor .toolbar_button span {
    31. width: 23px;
    32. height: 22px;
    33. float: left;
    34. }
    36. .messageEditor .toolbar_sprite {
    37. display: block;
    38. background: url('images/toolbar.gif') no-repeat;
    39. background-position: 0 0;
    40. }
    42. .messageEditor .toolbar_button .toolbar_sprite_italic {
    43. background-position: -46px 0;
    44. }
    46. .messageEditor .toolbar_button .toolbar_sprite_underline {
    47. background-position: -23px 0;
    48. }
    50. .messageEditor .toolbar_button .toolbar_sprite_align_left {
    51. background-position: -69px 0;
    52. }
    54. .messageEditor .toolbar_button .toolbar_sprite_align_center {
    55. background-position: -92px 0;
    56. }
    58. .messageEditor .toolbar_button .toolbar_sprite_align_right {
    59. background-position: -115px 0;
    60. }
    62. .messageEditor .toolbar_button .toolbar_sprite_align_justify {
    63. background-position: -138px 0;
    64. }
    66. .messageEditor .toolbar_button .toolbar_sprite_list_num {
    67. background-position: -161px 0;
    68. }
    70. .messageEditor .toolbar_button .toolbar_sprite_list_bullet {
    71. background-position: -184px 0;
    72. }
    74. .messageEditor .toolbar_button .toolbar_sprite_image {
    75. background-position: -207px 0;
    76. }
    78. .messageEditor .toolbar_button .toolbar_sprite_link {
    79. background-position: -230px 0;
    80. }
    82. .messageEditor .toolbar_button .toolbar_sprite_email {
    83. background-position: -253px 0;
    84. }
    86. .messageEditor .toolbar_button .toolbar_sprite_quote {
    87. background-position: -276px 0;
    88. }
    90. .messageEditor .toolbar_button .toolbar_sprite_code {
    91. background-position: -299px 0;
    92. }
    94. .messageEditor .toolbar_button .toolbar_sprite_php {
    95. background-position: -322px 0;
    96. }
    98. .messageEditor .toolbar_button_close_tags {
    99. width: 90px;
    100. }
    102. .messageEditor .toolbar_button .toolbar_sprite_close_tags {
    103. width: 87px;
    104. background-position: -345px 0;
    105. }
    107. .messageEditor .toolbar_normal {
    108. background: url(images/ui.gif) no-repeat;
    109. background-position: -2px 0;
    110. border: 0;
    111. }
    113. .messageEditor .toolbar_hover {
    114. background: url(images/ui.gif) no-repeat -105px 0px;
    115. border: 0;
    116. }
    118. .messageEditor .toolbar_clicked {
    119. background: url(images/ui.gif) no-repeat -208px 0px;
    120. border: 0;
    121. }
    123. .messageEditor .editor_dropdown_menu_open {
    124. background: url(images/ui.gif) no-repeat -208px 0px;
    125. border: 0;
    126. }
    128. .messageEditor .toolbar_sep {
    129. width: 6px;
    130. height: 23px;
    131. margin: 0px;
    132. margin-top: 4px;
    133. float: left;
    134. }
    136. .messageEditor .toolbar_dropdown, .messageEditor .toolbar_dropdown_image {
    137. font-size: 11px;
    138. display: block;
    139. float: left;
    140. position: relative;
    141. z-index: 100;
    142. cursor: default;
    143. }
    145. .messageEditor .toolbar_dropdown {
    146. min-width: 130px;
    147. }
    149. /* IE 6 */
    150. * html .messageEditor .toolbar_dropdown {
    151. width: 130px;
    152. }
    154. .messageEditor .toolbar_dropdown .editor_dropdown_label, .messageEditor .toolbar_dropdown_image .editor_dropdown_label {
    155. display: block;
    156. }
    158. .messageEditor .toolbar_dropdown .editor_dropdown_label {
    159. min-width: 120px;
    160. background: #eaf2fb;
    161. padding: 3px 4px;
    162. margin-right: 14px;
    163. border: 1px solid #abc1de;
    164. border-right: 0;
    165. height: 14px;
    166. overflow: hidden;
    167. }
    169. /* IE 6 */
    170. * html .messageEditor .toolbar_dropdown .editor_dropdown_label {
    171. height: 17px;
    172. padding-bottom: 0px;
    173. }
    175. .messageEditor .toolbar_dropdown_image .editor_dropdown_label {
    176. margin: 2px 0;
    177. width: 23px;
    178. height: 22px;
    179. background: #eaf2fb;
    180. border: 1px solid #abc1de;
    181. float: left;
    182. overflow: hidden;
    183. }
    185. .messageEditor .toolbar_dropdown .editor_dropdown_arrow, .messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
    186. top: 0px;
    187. float: left;
    188. display: block;
    189. width: 14px;
    190. background: url(images/ui.gif) no-repeat 0 -28px;
    191. }
    193. .messageEditor .toolbar_dropdown .editor_dropdown_arrow {
    194. position: absolute;
    195. right: 0;
    196. height: 22px;
    197. background-color: #eaf2fb;
    198. }
    200. .messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
    201. height: 22px;
    202. margin: 2px 0;
    203. background-color: #f5f5f5;
    204. border: 1px solid #f5f5f5;
    205. border-left: 0;
    206. width: 10px;
    207. }
    209. .messageEditor .toolbar_dropdown_over .editor_dropdown_label, .messageEditor .editor_dropdown_menu_open .editor_dropdown_label {
    210. background: #fff;
    211. }
    213. .messageEditor .toolbar_dropdown_over .editor_dropdown_arrow {
    214. background-position: -17px -28px;
    215. }
    217. .messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_label,
    218. .messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_arrow {
    219. background-color: #fff;
    220. }
    222. .messageEditor .editor_dropdown_menu_open .editor_dropdown_arrow {
    223. background-position: -34px -28px;
    224. }
    226. .messageEditor .toolbar_dropdown_image.editor_dropdown_menu_open .editor_dropdown_label,
    227. .messageEditor .toolbar_dropdown_image.editor_dropdown_menu_open .editor_dropdown_arrow {
    228. background-color: #e1F2fe;
    229. }
    231. .messageEditor .editor_dropdown_menu {
    232. margin: 0;
    233. padding: 0;
    234. margin-top: -2px;
    235. top: 24px;
    236. left: 0;
    237. border: 1px solid #868686;
    238. position: absolute;
    239. width: 160px;
    240. background: #fff;
    241. z-index: 10000;
    242. max-height: 200px;
    243. overflow: auto;
    244. -moz-border-radius: 2px;
    245. }
    247. .messageEditor .toolbar_dropdown_image .editor_dropdown_menu {
    248. margin-top: -1px;
    249. }
    251. .messageEditor .editor_dropdown_menu li {
    252. list-style: none;
    253. padding: 4px 3px 6px 12px;
    254. margin: 0;
    255. position: relative;
    256. cursor: pointer;
    257. }
    259. .messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_active {
    260. background-image: url(images/dropdown2.gif);
    261. background-repeat: no-repeat;
    262. background-position: 2px center;
    263. }
    265. .messageEditor .editor_dropdown_menu_title {
    266. background: #dde7ee;
    267. padding-left: 3px;
    268. border-bottom: 1px solid #c5c5c5;
    269. color: #00156e;
    270. font-size: 10px;
    271. font-weight: bold;
    272. }
    274. .messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over {
    275. background: url(images/ui.gif) no-repeat -49px -25px;
    276. cursor: pointer;
    277. margin-right: 4px;
    278. }
    280. .messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over span {
    281. display: block;
    282. position: absolute;
    283. top: 0px;
    284. right: -2px;
    285. width: 3px;
    286. height: 25px;
    287. background: url(images/ui.gif) no-repeat -303px -25px;
    288. }
    290. .messageEditor .toolbar_button_color .editor_dropdown_menu {
    291. width: 200px; /*153*/
    292. height: 98px;
    293. padding: 1px;
    294. background: #D5E4F2;
    295. }
    297. .messageEditor .toolbar_button_color li.editor_dropdown_color_item {
    298. float: left;
    299. padding: 3px;
    300. margin: 1px;
    301. width: 11px;
    302. height: 11px;
    303. }
    305. .messageEditor .toolbar_button_color a {
    306. width: 9px;
    307. height: 9px;
    308. display: block;
    309. border: 1px solid #FFF;
    310. }
    312. .messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active {
    313. background: url('images/ui.gif') no-repeat -331px -27px;
    314. }
    316. .messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active a {
    317. border: 0;
    318. }
    320. .messageEditor .toolbar_button_color {
    321. position: relative;
    322. }
    324. .messageEditor .editor_button_color_selected {
    325. position: absolute;
    326. z-index: 100;
    327. width: 16px;
    328. height: 4px;
    329. top: 15px;
    330. left: 6px;
    331. display: block;
    332. background: transparent;
    333. }
    335. .messageEditor .toolbar_button_color li.editor_dropdown_menu_item_over {
    336. border: 1px solid #5296f7;
    337. background: transparent;
    338. margin: 0px;
    339. }
    341. .messageEditor .toolbar_button strong, .messageEditor .toolbar_button strong {
    342. border-right: 1px solid #b7cdea;
    343. margin-top: 0px;
    344. }
    346. .messageEditor .toolbar_button_group_first strong {
    347. border-left: 0;
    348. }
    349. .messageEditor .toolbar_button_group_first {
    350. padding-left: 3px;
    351. background: url(images/ui.gif) no-repeat 0 0;
    352. }
    354. .messageEditor .toolbar_clicked_button_group_first {
    355. background-position: -206px 0;
    356. }
    358. .messageEditor .toolbar_hover_button_group_first {
    359. background-position: -103px 0;
    360. }
    362. .messageEditor .toolbar_button_group_last strong {
    363. border-right: 0;
    364. }
    366. .messageEditor .toolbar_button strong {
    367. display: block;
    368. float: left;
    369. width: 3px;
    370. height: 21px;
    371. margin-top: 1px;
    372. }
    374. .messageEditor .toolbar_button_group_last strong {
    375. background: url(images/ui.gif) no-repeat -99px 0;
    376. margin-top: 0;
    377. height: 22px;
    378. }
    380. .messageEditor .toolbar_clicked_button_group_last strong {
    381. background-position: -204px 0;
    382. }
    384. .messageEditor .toolbar_hover_button_group_last strong {
    385. background-position: -200px 0;
    386. }
    388. .messageEditor .toolbar_button_arrow {
    389. background: transparent url(images/ui.gif) no-repeat scroll -306px 0px;
    390. float: left;
    391. width: 12px;
    392. display: block;
    393. height: 22px;
    394. }
    396. .messageEditor .toolbar_hover .toolbar_button_arrow {
    397. background-position: -319px 0px;
    398. }
    Alles anzeigen


    Ich pers. finde einfach nicht die Option das man das EIngabefenster breiter machen kann :o

    Kann mir da evtl jemand helfen?

    mfg
    cross[/SIZE][/COLOR][/FONT]

  • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )

  • [FONT="Tahoma"][COLOR="LemonChiffon"][SIZE="2"]Update:
    Hab es woanders gefunden.
    War in der Javascript datei des Message Editors.
    Falls es jemand noch brauch^^:
    mybbRoot/jscript/editor.js
    Zeile: 255 / 257

    Quellcode

    1. Zeile 255:
    3. subtract = 50;

    Quellcode

    1. Zeile 257:
    2. subtract2 = 7;


    Nun geht es wieder :)

    Bitte closen, da geklärt :3

    mfg
    cross[/SIZE][/COLOR][/FONT]