Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.02.2012 um 22:07 (UTC)    
Titel: Boxen anpassen (width)

Hallo,
ich habe das iceblue Template und habe eine Frage zu den rechten Boxen. Wie kann ich das untenstehende "!Übersetzter" Script auf die width von 160 bekommen, damit es mir nicht das design verzieht? Wo muss ich das einfügen, und wenn ja wie (geschweifte Klammer, eckige Klammer, runde Klammer...) Am besten eine Kopie dieses Scripts nochmal posten mit den Änderungen in anderer Farbe (z.B. rot) - Das wäre klasse, danke!
MFG, Tiger

Hier das Script von google:

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'de'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de
Beitrag01.03.2012 um 00:02 (UTC)    
Titel:

Hallo,

das Javascript fügt noch einige Elemente und CSSStyleanweisungen ein. Diese Styleanweisungen musst du überschreiben:
Zitat:
#google_translate_element, .goog-te-combo{
width:158px!important;
}


Allerdings frage ich mich gerade, was diese Frage mit den Baukasten-Extras zu tun hat.

- verschoben, nach: Allgemeine Fragen -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 01.03.2012, 01:03, insgesamt einmal bearbeitet
Beitrag01.03.2012 um 14:16 (UTC)    
Titel:

hier ein code, der das design verbreitert und zentriert. die boxen sind breiter (185). füge den code bei text über dem design ein. vielleicht nutzt dir das ja was. es sieht nicht 100% wie das standarddesign aus, aber zu 90%. vorteil ist, dass du nun einen gleichmässigen hintergrund hast, und designänderungen leicht vornehmen könntest.

so würde es dann aussehen: http://6pdesign003.de.tl/

wenn es dir nicht zusagt, dann lösche es einfach wieder.

Code:
<style type="text/css">
<!--
table.edit_main_table{width: 80% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}

td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}

table#sidebar_heading_1,table#sidebar_heading_2,table#sidebar_heading_3,table#sidebar_heading_4,table#sidebar_heading_5{width:185px;}

td.edit_content{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontent.png);background-color:#c0c0c0;border: 5px solid #777777;} 
 
td.nav:hover{background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt2.png);background-color:#XXXXXX;width:185px;height: 33px;border: 0px solid #2D3738;}

td.nav{background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt1.png);background-color:#XXXXXX;width: 185px;height: 33px;border: 0px solid #2D3738;}

td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url(); background-position: center top;background-repeat: no-repeat;}
 
td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

body{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluebody.png);background-color:#16242A;} 
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueshouty.png); 
background-repeat:repeat; background-color:#XXXXXX;font-family: arial;font-size: 12px; color:#000000;border: 0px solid #2D3738;}

td.edit_content_top,td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border:

0px solid #c0c0c0;}

td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
 
td.nav_heading{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.sidebar_heading{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_rb_footer{background-image:url();height: 10px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_content_bottom{display:none;}

td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px
solid #c0c0c0;background-position: center top;background-repeat: repeat;border-left: 5px solid #16242A;border-right: 5px solid #16242A;}

td.nav_heading{font-family: arial;font-size: 12px;color: #ffffff;padding-left:26px;text-align: left;}
td.nav a{font-family: arial;font-size: 12px;color: #000000;text-decoration: none}
td.sidebar_heading{font-family: arial;font-size: 12px;color: #ffffff; text-align: left;}
td.nav a:hover{font-family: arial;font-size: 12px;color: #800000;text-decoration: none}
tr.checked_menu td a{font-family: arial;font-size: 12px;color: #800000;text-decoration: none}
td.edit_content_main div{overflow: hidden!important;}

td.edit_header_full{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueheader2000.png);background-color:#XXXXXX;width:
2000; height: 128px;background-repeat: no-repeat;border: 0px solid #2D3738;}

 /* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma ;color: #000000; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#800000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }

/*Hover-Effekt bei Links*/
a:hover{
color:#800000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}

/* besuchte Links */
a:visited {
color:#800000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
-->
</style>


Zuletzt bearbeitet von 6p-iceblue am 01.03.2012, 15:25, insgesamt 2-mal bearbeitet
Beitrag04.03.2012 um 16:58 (UTC)    
Titel:

Danke @Gringo vom 6p-iceblue. Der Tip mit dem Script war hilfreich! Auch wenn es nicht zu 100% sauber abschließt, das Gesamtbild (auch das Schriftbild) hat sich sehr zum Positven verändert. Danke dafür !!

@o-4-n Der Tipp hat leider nicht funktioniert...

Bin aber froh, das ichs jetzt wenigstens einigermassen hinbekommen habe...
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de
Beitrag04.03.2012 um 17:12 (UTC)    
Titel:

tiger-1980-ostrach hat Folgendes geschrieben:

@o-4-n Der Tipp hat leider nicht funktioniert...

Getestet und für funktionsfähig befunden!

Wenn es bei dir nicht geklappt hat, hast du etwas falsch gemacht. Falls du es noch möchtest, mach den Code nochmal rein, damit man schauen kann woran es liegt. (Ich vermute mal, dass du die Styletags vergessen hast.)
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag04.03.2012 um 17:46 (UTC)    
Titel:

Es kann natürlich sein, daß es daran lag (an den fehlenden Styletags).

Hatte den Text so wie angegeben abgeändert und dann neu eingestellt.

<div id="#google_translate_element, .goog-te-combo{
width:158px!important;
}
"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'de'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Das Feld war dann leider nahezu ganz verschwunden.

Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de
Beitrag04.03.2012 um 18:02 (UTC)    
Titel:

So habe ich das aber nicht erklärt. Very Happy

Du nimmst den Code aus meinem letzten post und fügst ihn bei deinem restlichen CSS Code zwischen <style type="text/css"> und </style> ein.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de