Ok und was muss ich da jetzt ändern? Nur die Prozentzahl oder nen anderen Befehl für eingeben? Werde mal ein wenig rumspielen...
Beiträge von sachsenpaule
-
-
Genau das ist das Problem, ich weiss nicht wo ich diese Home und About Buttons oder halt die Page-Leiste in der CSS finde. Wenn ich genau die Stellen wüsste wo ich was ändern muss dann wird es wohl mit ein wenig learning by doing irgendwann hinhauen. :-D
Hab nur paar HTML Kenntnisse, mit CSS absolut nie gearbeitet.... -
Jo habe es mit IE6 versucht und es klappt nix. Hab dann mal IE7 installiert und das Logo wird vernünftig angezeigt jetzt, aber die Buttons sind immer noch im Logo. Also dieser margin top befehl kann Der Schrott von Microsoft nicht lesen. Jmd ne Idee wie ich es trotzdem hinbekomme?
Bin ja nur immer mit Firefox unterwegs und völlig vergessen es mit IE zu testen... -
Jo völlig vergessen und siehe da, mit dem rotz Internet Explorer wird es nicht vernünftig angezeigt...könnte kotzen....:cry:
-
Oha das hört sich nun wieder kompliziert an, nach einigem rumspielen hab ich es dann auf eine Weise hinbekommen.
hab da jetzt ein margin-top: 254px; eingefüget und nun fangen die Buttons direkt unter meinem Logo an. Habe zwar nun einen schwarzen Balken mit Buttonhöhe links und rechts neben den Buttons aber da mein logo einen schwarzen Hintergrund hat passt es zufälligerweise. Ist wohl nicht die eleganteste Art und wohl auch falsch aber hab Glück das es passt. Der rote Balken ist dafür immer noch hinter meinem Logo aber das ist nicht mehr so schlimm da ja jetzt der schwarze Balken(warum auch immer*g*) da ist. Trotzdem thx für die Hilfe.
-
Habs jetzt selbst hinbekommen mit min-height: 299px; !
Nun habe ich nur noch ein Problem. Der Home Button sowie About Button sind nun im Bild. An welcher Stelle in der CSS kann die weiter runter setzen damit sie unter meinem Logo Bild stehen? Ich finde nix in der CSS. Wäre klasse wenn mir da jemand helfen kann hier ist der Theme den ich nutze: Theme PreviewHier nochmal die CSS:
Code
Alles anzeigenbody { background: #fff url(images/bar.png) 0 10px repeat-x; color: #000; font-family: Arial, Verdana, sans-serif; margin: 0; padding: 0; } .skip, hr{ position: absolute; left: -9999px; } a:link, a:visited { color: #D70606; text-decoration: underline; } a:visited { color: #FA4949; text-decoration: underline; } a:hover, a:active { color: #A00; text-decoration: none; } a img { border: none; } acronym, abbr { border-bottom: 1px dashed #333; } acronym, abbr, span.caps { font-size: 90%; letter-spacing: .07em; } acronym, abbr { cursor: help; } blockquote { background: url(images/quote.png) no-repeat; margin-left: 1.5em; padding: 1px 0 0 40px; border-top: 3px double #ddd; border-bottom: 3px double #ddd; } cite { font-size: 100%; font-style: normal; } h1{ font: 260%/1.15 Georgia, serif; letter-spacing: -0.2px; margin: 0; padding: 40px 0 5px 160px; } #header h1 a:hover, #header h1 a:active{ text-decoration: none; color: #D70606; } p.payoff{ margin: 0 0 25px 160px; padding: 0; color: #fff; font: 120% Georgia, serif; } h2 { font: 185% Georgia, serif; letter-spacing: -0.2px; margin: 15px 0 2px 0; padding-bottom: 5px; } h3 { font: 130% Georgia, serif; margin-top: 0; } ol#comments li p { font-size: 100%; } p, li, .feedback { font: 90% Arial, Verdana, sans-serif; letter-spacing: 0; } /* classes used by the_meta() */ ul.post-meta { list-style: none; } ul.post-meta span.post-meta-key { font-weight: bold; } .feedback { color: #ccc; text-align: right; clear: both; border-top: 1px solid #eee; } .feedback a{ color: #D70606; } .feedback a:hover, .feedback a:active{ text-decoration: none; } .feedback p{ padding: 0 25px; background: url(images/comment.gif) top right no-repeat; } .meta { font-size: .75em; } .meta li, ul.post-meta li { display: inline; } .meta ul { display: inline; list-style: none; margin: 0; padding: 0; } .meta, .meta a { color: #999; font-weight: normal; letter-spacing: 0; } .meta a{ color: #D70606; text-decoration: underline; } .meta a:hover, .meta a:active{ text-decoration: none; } .meta .tags{ background: url(images/tag.gif) 0 0 no-repeat; padding-left: 20px; } .meta .user{ background: url(images/user.gif) 0 0 no-repeat; padding-left: 20px; } .post{ margin-bottom: 40px; } .post ul{ margin: 0; padding: 0; } .post ul li{ margin: 0; padding: 0.2em 20px; background: url(images/list.png) 0 4px no-repeat; list-style: none; } .post ol{ margin: 0 25px; padding: 0; } .post ol li{ margin: 0; padding: 0.2em 0; } .storytitle { margin: 0; } .storytitle a { text-decoration: none; } .storytitle a:link, .storytitle a:visited{ color: #444; text-decoration: none; } .storytitle a:hover, .storytitle a:active{ color: #D70606; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; border: 1px solid #333; padding: .2em; } #commentform textarea { width: 95%; } #commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none; } .commentlist li { border-top: 1px solid #eee; padding-top: 10px; margin-top: 5px; } img.avatar { margin: 0 5px 0 0; padding: 1px; border: 1px solid #eee; } div.commentbody { margin: 10px 60px 10px 30px; padding: 25px 0 0 10px; background: #eee url(images/comment-top.png) no-repeat; } div.commentbody div{ padding: 0 5px 5px 0; background: #eee url(images/comment-bottom.png) bottom right no-repeat; } #container{ width: 100%; min-width: 770px; background: url(images/flowers.png) bottom right no-repeat; } #wrapper{ float: left; width: 100%; margin-left: -330px; } #content { margin: 0 0 0 330px; padding: 30px 10px 10px 80px; background: transparent; } #header { background: #000 url(images/header.png) repeat-x; font: italic normal Georgia, serif; letter-spacing: -0.2px; margin: 0; padding: 0; position: relative; min-height: 299px; } #header a { color: #fff; text-decoration: none; } #header a:hover { text-decoration: underline; } #searchform{ position: absolute; right: 80px; top: 95px; } #searchform label{ position: absolute; left: -9000px; } #searchform input{ width: 100px; } #searchform button{ background: transparent; border: none; padding: 0; margin: 0; vertical-align: middle; cursor: pointer; color: #fff; } p#rss{ position: absolute; right: 80px; top: 55px; margin: 0; padding: 0; } .textwidget{ margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-style: normal; font-weight: normal; } #menu { padding: 10px 80px 10px 50px; float: right; display: inline; width: 200px; margin: 0 0 240px 0; background: transparent url(images/sidebar.gif) no-repeat; } #menu form { margin: 0 0 0 13px; } #menu input#s { width: 80%; background: #eee; border: 1px solid #999; color: #000; } #menu ul { color: #444; font-weight: bold; list-style-type: none; margin: 0 0 20px 0; padding: 0; height: 1%; } #menu ul li { font: italic bold 110% Georgia, Times, serif; letter-spacing: 0; margin: 20px 0 0 0; padding: 0 0 5px 0; background: transparent; } #menu ul ul { font-variant: normal; font-weight: normal; line-height: 100%; list-style-type: none; margin: 0; padding: 0; text-align: left; border: none; } #menu ul ul li { border: 0; font: normal normal 70%/1.7em Arial, Verdana, sans-serif; letter-spacing: 0; margin-top: 0; padding: 0; padding-left: 20px; background: url(images/list.png) 0 3px no-repeat; } #menu ul ul ul{ border: none; } #menu ul ul ul li{ font-size: 100%; } #menu ul ul li a { color: #D70606; text-decoration: none; } #menu ul ul li a:hover, #menu ul ul li a:active { border-bottom: 1px solid #D70606; } #menu ul ul ul.children { font-size: 100%; padding-left: 4px; } #wp-calendar { border: none; empty-cells: show; font-size: 14px; margin: 0; width: 90%; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; text-decoration: none; color: #D70606; font-weight: bold; } #wp-calendar a:hover { background: #e0e6e0; color: #333; } #wp-calendar caption { color: #444; font: normal italic Georgia, serif; font-size: 120%; margin-bottom: 5px; text-align: left; } #wp-calendar td { color: #999; font: normal 100% Arial, Verdana, sans-serif; letter-spacing: normal; padding: 2px 0; text-align: center; } #wp-calendar td.pad:hover { background: #fff; } #wp-calendar td:hover, #wp-calendar #today { background: #eee; color: #bbb; } #wp-calendar th { font-style: normal; text-transform: capitalize; } div.date p{ width: 40px; height: 50px; float: left; margin: 0 10px 0 0; padding: 5px; background: #D70606 url(images/date.png) no-repeat; color: #ddd; text-align: center; font-size: 70%; overflow: hidden; } div.date span.mese{ display: block; margin-bottom: 8px; } div.date span.giorno{ font-size: 190%; color: #444; font-weight: bold; line-height: 0.8; } div.date p span.anno{ margin: 0; padding: 0; color: #666; font-size: 80%; font-family: Tahoma, Arial, sans-serif; } #menu1{ height: 1%; overflow: hidden; margin-left: 80px; } #menu1 ul{ margin: 0; padding: 0; } #menu1 ul li{ float: left; display: inline; margin: 0; padding: 0; } #menu1 ul li a{ padding: 8px 20px; display: block; text-decoration: none; } #menu1 ul li a:link, #menu1 ul li a:visited{ background: #222 url(images/menu.png) top left repeat-x; color: #ddd; border-left: 1px solid #333; border-top: 1px solid #333; } #menu1 ul li a:hover, #menu1 ul li a:active{ background: #333 url(images/menu.png) 0 -100px repeat-x; color: #fff; text-decoration: none; border-left: 1px solid #444; border-top: 1px solid #444; } #menu1 ul li.current_page_item a:link, #menu1 ul li.current_page_item a:visited{ background: #d70606 url(images/menu_in.png) top left repeat-x; color: #fff; border-left: 1px solid #d70606; border-top: 1px solid #d70606; } #footer{ clear: both; background: #000 url(images/header.png) no-repeat; border-top: 2px solid #D70606; color: #fff; margin: 0; padding: 0 80px; text-align: center; font-size: 80%; min-height: 299px; } #footer p{ padding: 10px; margin: 0; font-weight: bold; font-family: Georgia, serif; } #footer p.up{ float: right; } #footer p.up a{ padding-right: 20px; background: url(images/top.gif) top right no-repeat; } #footer a:link, #footer a:visited{ color: #ddd; text-decoration: underline; } #footer a:hover, #footer a:active{ color: #fff; text-decoration: none; } -
Hab zwar ein wenig Ahnung von HTML aber CSS ist irgendwie schwer für mich zu verstehen und deshalb hätte ich ne Frage wie ich ein neues Logo(header.png) KORREKT einfüge damit es auch in voller grösse angezeigt wird.
Mein Bild ist 1255px X 299px gross. Die Stelle im CSS File habe ich auch gefunden(glaub ich*g*) nur habe ich nicht die geringste Ahnung was ich da ändern muss.Code
Alles anzeigen} #header { background: #000 url(images/header.png) repeat-x; font: italic normal Georgia, serif; letter-spacing: -0.2px; margin: 0; padding: 0; position: relative; } #header a { color: #fff; text-decoration: none; }Also irgendwo da rein muss es denk ich mal! Das einfache ersetzen des Bildes bringt nichts da es dann zur hälfte nicht angezeigt wird. Allerdings ist das original header.png vom Theme-Autor ebenfalls grösser als es angezeigt wird. Falls ich noch an anderer Stelle was ändern muss poste ich mal die komplette css.
Code
Alles anzeigen} h1{ font: 260%/1.15 Georgia, serif; letter-spacing: -0.2px; margin: 0; padding: 40px 0 5px 160px; } #header h1 a:hover, #header h1 a:active{ text-decoration: none; color: #D70606; } p.payoff{ margin: 0 0 25px 160px; padding: 0; color: #fff; font: 120% Georgia, serif; } h2 { font: 185% Georgia, serif; letter-spacing: -0.2px; margin: 15px 0 2px 0; padding-bottom: 5px; } h3 { font: 130% Georgia, serif; margin-top: 0; } ol#comments li p { font-size: 100%; } p, li, .feedback { font: 90% Arial, Verdana, sans-serif; letter-spacing: 0; } /* classes used by the_meta() */ ul.post-meta { list-style: none; } ul.post-meta span.post-meta-key { font-weight: bold; } .feedback { color: #ccc; text-align: right; clear: both; border-top: 1px solid #eee; } .feedback a{ color: #D70606; } .feedback a:hover, .feedback a:active{ text-decoration: none; } .feedback p{ padding: 0 25px; background: url(images/comment.gif) top right no-repeat; } .meta { font-size: .75em; } .meta li, ul.post-meta li { display: inline; } .meta ul { display: inline; list-style: none; margin: 0; padding: 0; } .meta, .meta a { color: #999; font-weight: normal; letter-spacing: 0; } .meta a{ color: #D70606; text-decoration: underline; } .meta a:hover, .meta a:active{ text-decoration: none; } .post ul{ margin: 0; padding: 0; } .post ul li{ margin: 0; padding: 0.2em 20px; background: url(images/list.png) 0 4px no-repeat; list-style: none; } .post ol{ margin: 0 25px; padding: 0; } .post ol li{ margin: 0; padding: 0.2em 0; } .storytitle { margin: 0; } .storytitle a { text-decoration: none; } .storytitle a:link, .storytitle a:visited{ color: #444; text-decoration: none; } .storytitle a:hover, .storytitle a:active{ color: #D70606; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; border: 1px solid #333; padding: .2em; } } img.avatar { margin: 0 5px 0 0; padding: 1px; border: 1px solid #eee; } div.commentbody { margin: 10px 60px 10px 30px; padding: 25px 0 0 10px; background: #eee url(images/comment-top.png) no-repeat; } #container{ width: 100%; min-width: 770px; background: url(images/flowers.png) bottom right no-repeat; } #wrapper{ float: left; width: 100%; margin-left: -330px; } #content { margin: 0 0 0 330px; padding: 30px 10px 10px 80px; background: transparent; } #header { background: #000 url(images/header.png) repeat-x; font: italic normal Georgia, serif; letter-spacing: -0.2px; margin: 0; padding: 0; position: relative; } #header a { color: #fff; text-decoration: none; } #header a:hover { text-decoration: underline; } #searchform{ position: absolute; right: 80px; top: 95px; } #searchform label{ position: absolute; left: -9000px; } #searchform input{ width: 100px; } .textwidget{ margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-style: normal; font-weight: normal; } #menu { padding: 10px 80px 10px 50px; float: right; display: inline; width: 200px; margin: 0 0 240px 0; background: transparent url(images/sidebar.gif) no-repeat; } #menu form { margin: 0 0 0 13px; } #menu input#s { width: 80%; background: #eee; border: 1px solid #999; color: #000; } #menu ul { color: #444; font-weight: bold; list-style-type: none; margin: 0 0 20px 0; padding: 0; height: 1%; } #menu ul li { font: italic bold 110% Georgia, Times, serif; letter-spacing: 0; margin: 20px 0 0 0; padding: 0 0 5px 0; background: transparent; } #menu ul ul { font-variant: normal; font-weight: normal; line-height: 100%; list-style-type: none; margin: 0; padding: 0; text-align: left; border: none; } #menu ul ul li { border: 0; font: normal normal 70%/1.7em Arial, Verdana, sans-serif; letter-spacing: 0; margin-top: 0; padding: 0; padding-left: 20px; background: url(images/list.png) 0 3px no-repeat; } #menu ul ul ul{ border: none; } #menu ul ul ul li{ font-size: 100%; } #menu ul ul li a { color: #D70606; text-decoration: none; } #menu ul ul li a:hover, #menu ul ul li a:active { border-bottom: 1px solid #D70606; } #menu ul ul ul.children { font-size: 100%; padding-left: 4px; } #wp-calendar { border: none; empty-cells: show; font-size: 14px; margin: 0; width: 90%; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; text-decoration: none; color: #D70606; font-weight: bold; } #wp-calendar a:hover { background: #e0e6e0; color: #333; } #wp-calendar caption { color: #444; font: normal italic Georgia, serif; font-size: 120%; margin-bottom: 5px; text-align: left; } #wp-calendar td { color: #999; font: normal 100% Arial, Verdana, sans-serif; letter-spacing: normal; padding: 2px 0; text-align: center; } #wp-calendar td.pad:hover { background: #fff; } #wp-calendar td:hover, #wp-calendar #today { background: #eee; color: #bbb; } #wp-calendar th { font-style: normal; text-transform: capitalize; } div.date p{ width: 40px; height: 50px; float: left; margin: 0 10px 0 0; padding: 5px; background: #D70606 url(images/date.png) no-repeat; color: #ddd; text-align: center; font-size: 70%; overflow: hidden; } div.date span.mese{ display: block; margin-bottom: 8px; } div.date span.giorno{ font-size: 190%; color: #444; font-weight: bold; line-height: 0.8; } div.date p span.anno{ margin: 0; padding: 0; color: #666; font-size: 80%; font-family: Tahoma, Arial, sans-serif; } #menu1{ height: 1%; overflow: hidden; margin-left: 80px; } #menu1 ul{ margin: 0; padding: 0; } #menu1 ul li{ float: left; display: inline; margin: 0; padding: 0; } #menu1 ul li a{ padding: 8px 20px; display: block; text-decoration: none; } #menu1 ul li a:link, #menu1 ul li a:visited{ background: #222 url(images/menu.png) top left repeat-x; color: #ddd; border-left: 1px solid #333; border-top: 1px solid #333; } #menu1 ul li a:hover, #menu1 ul li a:active{ background: #333 url(images/menu.png) 0 -100px repeat-x; color: #fff; text-decoration: none; border-left: 1px solid #444; border-top: 1px solid #444; } #menu1 ul li.current_page_item a:link, #menu1 ul li.current_page_item a:visited{ background: #d70606 url(images/menu_in.png) top left repeat-x; color: #fff; border-left: 1px solid #d70606; border-top: 1px solid #d70606; } #footer{ clear: both; background: #000 url(images/header.png) no-repeat; border-top: 2px solid #D70606; color: #fff; margin: 0; padding: 0 80px; text-align: center; font-size: 80%; min-height: 34px; } #footer p{ padding: 10px; margin: 0; font-weight: bold; font-family: Georgia, serif; } #footer p.up{ float: right; } #footer p.up a{ padding-right: 20px; background: url(images/top.gif) top right no-repeat; } #footer a:link, #footer a:visited{ color: #ddd; text-decoration: underline; } #footer a:hover, #footer a:active{ color: #fff; text-decoration: none; } /* -- Images & Caption Alignment -- */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 0 10px 5px 0; } .alignright { float: right; margin: 0 0 5px 10px; }Ein richtig fettes Danke schonmal im voraus wenn jmd bereit ist mir hiermit zu helfen!(Paar "unwichtige" Sachen in der CSS entfernt wegen Zeichenbegrenzung)
Benutze folgenden Theme: Theme Preview -
Ich würde gern mal wissen worin der Unterschied besteht. Ich betreibe 3 Foren beim Hoster Servage und durch das ständige steigen der Besucherzahlen und die nicht wirklich starken Server dort spiele ich mit dem Gedanken mir einen eigenen Server zu mieten.
Ich habe nicht soviel Ahnung von Linux oder das Absichern vor Hackerangriffen usw. und würde deshalb gern wissen ob ich mit genauso wenig Ahnung so einen Managed Server betreiben kann, sprich ich mich um nichts kümmern muss.
Meine Kenntnisse beschränken sich auf das Installieren der Forensoftware und ein wenig rumfummeln im Php Code bekomme ich auch noch hin. Auch so ein paar SQL-Befehle kann ich nach Vorgabe noch einfügen. Das war es dann aber auch.
Fragen die ich zu einem Managed Server hätte, wären:1: Ist mein jetziger Webspace auch auf einer Art Managed Server?
2: Habe ich bei meinem Managed Server auch eine einfache Benutzeroberfläche wie bei Servage z.b.
3: Wie bei 2. Kann ich bei einem Managed Server auch einfach Einstellungen vornehmen wie zum Beispiel mich gegen Fremdverlinkung der Bilder wehren usw(geht bei Webspace ja meist einfach per Mausklick in der GUI) oder muss ich da selbst Programme oder Scripte oder was weiss ich wie man sowas macht, installieren und einrichten?
4: Oder ist Managed Server ganz genau dasselbe wie Webspace, bloss das da keine anderen Hoster mit drauf sind und die Serverleistung nur für mich da ist?Ich hoffe das mir da jmd weiterhelfen kann. Das einzige was mich davon abhält ist das ich keine Ahnung hab wie man online auf so einem Server Firewalls einrichtet, Betriebssystem einrichtet usw. und sich generell vor Hackern usw. schützt.
Gruss
-
Vielen dank für die rasche antwort, ich werde folgendes mal testen:
WordPress › BBCode « WordPress Plugins
und feedback geben obs geklappt hat!
Gruss
-
Hallo erstmal, ich hoffe ich habe jetzt die richtige Rubrik ausgewählt...
Ich habe folgendes Problem...Ich habe in der Vergangenheit eine Menge Bilder in Foren gepostet und weil es nicht nur ein Forum war habe ich die Links der Bilder(die ich bei einem Imagehoster hochgeladen habe) in eine Textdatei gespeichert.
Diese Bilder wollte ich nun ebenfalls in meinem Blog posten doch leider funktionieren die "url" Tags aus Foren nicht im Blog. Ich muss die html Links benutzen die man vom Imagehoster bekommt. Leider habe ich nur url-links gespeichert.
Der Imagehoster bietet mir zwar eine Möglichkeit die Links per Copy und Paste in HTML-Links umzuwandeln doch ist das bei über 1000 Bildern eine Menge Arbeit und Zeitaufwand.
Meine Frage ist nun ob es irgendeine Möglichkeit gibt die Bilder auch mit den url-tags aus Foren in Wordpress anzeigen zu lassen. Würde mir eine riesige Menge an Arbeit ersparen.
Würde mich über eine schnelle Antwort sehr freuen, speziell wenn es 100%ig nicht geht.Hoster ist Imagevenue und Links sehen wie folgt aus(ohne die "" selbstverständlich, geht hier nicht anders*g*):
Code[URL="http://img153.imagevenue.com/img.php?image=Bildname.jpg"][U"RL=http://img153.imagevenue.com/img.php?image=Bildname.jpg][I"MG]http://img153.imagevenue.com/loc1090/th_Bildname.jpg[/I"MG][/UR"L][/URL]Gruss