In den letzten Tagen hatte ich mich etwas mit dem Styling meines Blogs besch\u00e4ftigt – hier nun einige der Codes, die ich dabei entdeckt habe \ud83d\ude09<\/p>\n\n\n\n
1. Ich wollte, dass die Suchbox \u00fcberlagernd im Kopfbild liegt – dazu muss man Code in den Atahualpa-Options eintragen:
-> Various Content Items -> Add HTML\/CSS Inserts<\/p>\n\n\n\n
div.searchbox {\nposition: relative;\nfilter: alpha(opacity=60);\n-moz-opacity:.60;\nopacity:.60;\nright: 5px;\ntop: 90px;\nz-index: 99;\n}<\/pre>\n\n\n\nHier kann man sich mit den einzelnen Eintr\u00e4gen „spielen“ – die ersten Punkte sind f\u00fcr die „Durchsichtigkeit“ gedacht, der Rest f\u00fcr die Position.<\/p>\n\n\n\n\n\n\n\n
2. Nun wollte ich auch noch das Men\u00fc \u00fcber das Kopfbild schieben – ebenso wie oben wieder in den CSS-Bereich eintragen:<\/p>\n\n\n\n
#menu1 {\nPosition: absolute;\nmargin-top: -35px;\npadding: 8px;\nwidth: auto;\nz-index: 4;\n}<\/pre>","protected":false},"excerpt":{"rendered":"In den letzten Tagen hatte ich mich etwas mit dem Styling meines Blogs besch\u00e4ftigt – hier nun einige der Codes, die ich dabei entdeckt habe \u2026<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[30,36],"tags":[],"class_list":["post-1605","post","type-post","status-publish","format-standard","hentry","category-software","category-wordpress"],"modified_by":"Jungsi","jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p4eXvk-pT","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1796,"url":"https:\/\/www.jungsi.de\/en\/blog-styling-part-2\/","url_meta":{"origin":1605,"position":0},"title":"Blog Styling – Part 2 (Fu\u00dfzeile)","author":"Jungsi","date":"25. September 2012","format":false,"excerpt":"Wie manchen aufgefallen ist, hat sich der Blog nochmal etwas ver\u00e4ndert. ;-) Zum einen wollte ich alles doch etwas bunter, zum anderen auch etwas strukturierter. Der Style des Themes sollte nun f\u00fcr einige Zeit so bleiben! Kleinigkeiten werde ich immer mal wieder \u00fcberarbeiten.Hier gehts es nun weiter mit dem Blog-Styling\u2026","rel":"","context":"In "Software"","block_context":{"text":"Software","link":"https:\/\/www.jungsi.de\/en\/category\/software\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/2012\/09\/fusszeile.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/2012\/09\/fusszeile.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/2012\/09\/fusszeile.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/2012\/09\/fusszeile.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":3267,"url":"https:\/\/www.jungsi.de\/en\/design-anpassungen-bei-kommentaren\/","url_meta":{"origin":1605,"position":1},"title":"WordPress: Design-Anpassungen bei Kommentaren","author":"Jungsi","date":"27. April 2013","format":false,"excerpt":"Es war wieder mal an der Zeit eine alte \"Baustelle\" im Design meines Blogs abzuarbeiten :-) Diese Baustelle war die Kommentar-Funktion - hier hatte das Aussehen nicht zum Rest des Blogs gepasst und einige der Texte in dem Bereich waren noch in Englischer Sprache: 1. \"at\" in \"um\" \u00e4ndern: \u00a0\u2026","rel":"","context":"In "Software"","block_context":{"text":"Software","link":"https:\/\/www.jungsi.de\/en\/category\/software\/"},"img":{"alt_text":"Avatar 128_128","src":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/2013\/04\/Avatar-128_128.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1905,"url":"https:\/\/www.jungsi.de\/en\/blog-styling-part-3-header\/","url_meta":{"origin":1605,"position":2},"title":"Blog Styling – Part 3 (Header)","author":"Jungsi","date":"3. October 2012","format":false,"excerpt":"Wie man unschwer erkennen kann hat sich der Header meines Blogs etwas ge\u00e4ndert und ist nur sehr individuell :-) Daf\u00fcr ein dickes Dankesch\u00f6n an meinen Kumpel Alex - einen sehr talentierten K\u00fcnstler ;-) Wie tauscht man den Header aus? Einfach das Bild auf die passenden Gr\u00f6\u00dfe skalieren - hier sind\u2026","rel":"","context":"In "Software"","block_context":{"text":"Software","link":"https:\/\/www.jungsi.de\/en\/category\/software\/"},"img":{"alt_text":"Jungsis Corner Header","src":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/2012\/10\/Jungsis-Corner-kl.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":40437,"url":"https:\/\/www.jungsi.de\/en\/retro-minimal-blog-ein-wordpress-theme-entwickelt-mit-ki-unterstuetzung\/","url_meta":{"origin":1605,"position":3},"title":"Retro Minimal Blog \u2013 Ein WordPress-Theme, entwickelt mit KI-Unterst\u00fctzung","author":"Jungsi","date":"1. April 2026","format":false,"excerpt":"Wer diese Seite schon l\u00e4nger kennt, wei\u00df: Jungsi's Corner l\u00e4uft seit 2013 auf WordPress. In dieser Zeit habe ich eine ganze Reihe von Themes ausprobiert \u2013 von fertigen L\u00f6sungen aus dem WordPress-Verzeichnis bis hin zu kommerziellen Premium-Themes. Das Ergebnis war meistens dasselbe: Optisch passabel, aber sobald ich etwas anpassen wollte,\u2026","rel":"","context":"In "Wordpress"","block_context":{"text":"Wordpress","link":"https:\/\/www.jungsi.de\/en\/category\/software\/wordpress\/"},"img":{"alt_text":"Themeerstellung mit KI","src":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/Themeerstellung-mit-KI.webp?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/Themeerstellung-mit-KI.webp?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/Themeerstellung-mit-KI.webp?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/Themeerstellung-mit-KI.webp?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/Themeerstellung-mit-KI.webp?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":3536,"url":"https:\/\/www.jungsi.de\/en\/retro-sinclair-zx-spectrum-diashow\/","url_meta":{"origin":1605,"position":4},"title":"Retro: Sinclair ZX Spectrum – Diashow","author":"Jungsi","date":"5. October 2013","format":false,"excerpt":"Nachdem ich vor einigen Wochen auf eine Seite mit einer tollen Sammlung an Screens f\u00fcr den ZX Spectrum gesto\u00dfen bin, hatte ich die Idee\u00a0daraus eine Diashow zu machen.\u00a0Diese wollte ich f\u00fcr mehrere Interfaces zur Verf\u00fcgung stellen. Leider erfordert jedes Interface sein eigenes Programm und hatte seine Eigenheiten. Alle SCREENS sind\u2026","rel":"","context":"In "Retro"","block_context":{"text":"Retro","link":"https:\/\/www.jungsi.de\/en\/category\/retro\/"},"img":{"alt_text":"DiaShow kl","src":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/2013\/05\/DiaShow-kl.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":26955,"url":"https:\/\/www.jungsi.de\/en\/css-traffic-regulation-atari-lynx\/","url_meta":{"origin":1605,"position":5},"title":"CSS Traffic Regulation [Atari Lynx]","author":"Jungsi","date":"3. January 2024","format":false,"excerpt":"CSS Traffic RegulationAutor: FadestJahr: 2022System: Atari LynxPublisherCSS Traffic Regulation ist ein weiteres neues Spiel, das von Yastuna Games in Frankreich produziert wird. Entwickelt wurde es vom Chef \"Fadest\" pers\u00f6nlich und stellt eine Hommage an Spiele wie Tetris Attack dar. Das Original wurde 1995 von Intelligent System entwickelt und vom Nintendo\u2026","rel":"","context":"In "Atari"","block_context":{"text":"Atari","link":"https:\/\/www.jungsi.de\/en\/category\/retro\/atari\/"},"img":{"alt_text":"CSS Traffic Regulation - Voderseite","src":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/CSS-Traffic-Regulation-Vorderseite.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/CSS-Traffic-Regulation-Vorderseite.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/CSS-Traffic-Regulation-Vorderseite.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/CSS-Traffic-Regulation-Vorderseite.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.jungsi.de\/blog\/wp-content\/uploads\/CSS-Traffic-Regulation-Vorderseite.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/posts\/1605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/comments?post=1605"}],"version-history":[{"count":0,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/posts\/1605\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/media?parent=1605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/categories?post=1605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jungsi.de\/en\/wp-json\/wp\/v2\/tags?post=1605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}