Layoutproblem 
Autor: Ukraine.report .
Besucht 247,
Followers 1,
Geteilt 0
Hallo ich hätte gerne die Tagesanzahl direkt unter der Sprachauswahl und dann eben die Iconzeile - alles aber fixiert bevor der Text mit "the last updates" anfäng- was mache ich da falsch.
https://ukrainereport.eu/updates.html
das ist der code
"<style>
body { background: black!important; }
</style>
<script>
var eventdate = new Date("February 24, 2022 00:00:00 GMT");
d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
count=Math.floor(count/(60*60*24)*-1+1);
document.write("<b><font color='#CAB339'>" + count + "</b></font>" + "<font color='white'>" + " days war in the city of freedom: Kyiv" + "</font>");
</script>"
hat jemand eine Idee
lg Andre
Gepostet am
Ich habe von JavaScript keine Ahnung (außer kopieren und evtl. HTML-/CSS-Anpassungen), aber müsste der Javascript-Code nicht in den Header in ein HTML-Objekt neben das Menü-Objekt?
Die Anzeige der Tage wären dann auf allen Seiten zu sehen oder stört das?
Autor
ja danke - will es auf jeder seite ich kopiere es mal nach dem übersetzungstool rein in den header lg
Autor
https://ukrainereport.eu/updates.html
Das sind alle meine Code
NACH DEM HEAD TAG
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V3ZF4L267W"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-V3ZF4L267W');
</script>I
VOR DEM HEAD TAG
<script>
$("document").ready(function() {//K>;
/** by KolAsim versteckte Seiten Sprachauswahl weg **/
if($("#imHeader").is(':visible')) {}//K1>|<<;
else { $(".gt_switcher_wrapper").hide();};//K2>|<<;
});//K<<;
</script>
<script>
$(document).ready(function() {//K>;
/** Ancoraggio dinamico by KolAsim **/
sec = 0; // secondi di ritardo;
$(".imCssLink").click( //K1>;
function() {anchor_K() }
) //K1<<;
hK=$("#imHeader").height();
//-------------------------------------
setTimeout(function(){ ritardoK(); }, sec * 1000);//K2> | <<;
});//K<<;
//--------------------KK--------------
$( window ).on( "resize", function() {//KK>;
setTimeout(function(){ //K3>
hK=$("#imHeader").height();
}, 1000);//K3<<;
} );//KK<<;
//---------------------f K4-------------
function ritardoK() { //K4>;
rnpK = window.location.href.split('/');
ancoraK = rnpK[rnpK.length - 1];
if(ancoraK.indexOf("#") == - 1){ } //K5> | <<;
else {//K6>;
if(ancoraK.indexOf("#") != -1){//K7>;
location.href = ancoraK;
anchor_K();
}//K7<<;
}//K6<<;
} //K4<<;
//---------------------f K8-------------
function anchor_K() { //K8>
setTimeout(function(){ //K9>
hK=$("#imHeader").height();
scrollK=$(window).scrollTop();
scrollK=scrollK-hK;
$('html,body').scrollTop( scrollK );
}, 1000);//K9<<;
} //k8<<;
</script>
<style>#imHeader{position: fixed;z-index: 1000;left: 50%;transform: translate(-50%);width: 100%;}</style>
<style> div.topic-form-row:nth-child(1) > div:nth-child(2) {display:none;} </style>
<style>
.gt_switcher_wrapper {left:-81px !important;margin-left:50% !important}
</style>
VOR DEM BODY TAG
<div class="gtranslate_wrapper"></div><style>gt_switcher_wrapper { left: -81px;margin-left:50% important}</style><script>window.gtranslateSettings = {"default_language":"en","native_language_names":true,"detect_browser_language":true,"languages":["en","uk","de","pl","fr","ru","et","it","es","tr","cs","hr","bs","sr","sl","pt","hu","el","bg","ro","sk","nl","no","fi","sv","da","lt","lv","et","ka","th","ar","ja","zh-TW","id"],"wrapper_selector":".gtranslate_wrapper","flag_size":16,"switcher_horizontal_position":"right","switcher_vertical_position":"top","switcher_open_direction":"top","flag_style":"3d","switcher_text_color":"#f7f7f7","switcher_arrow_color":"#f2f2f2","switcher_border_color":"#161616","switcher_background_color":"#303030","switcher_background_shadow_color":"#474747","switcher_background_hover_color":"#3a3a3a","dropdown_text_color":"#eaeaea","dropdown_hover_color":"#748393","dropdown_background_color":"#474747"}</script><script src="https://cdn.gtranslate.net/widgets/latest/dwf.js" defer></script>
<style>
body { background: black!important; }
</style>
und diesen Code möchte ich jetzt auf jeder Seite - knapp unter dem Sprachenauswahlfenster haben
DAS IST DER CODE
"<style>
body { background: black!important; }
</style>
<script>
var eventdate = new Date("February 24, 2022 00:00:00 GMT");
d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
count=Math.floor(count/(60*60*24)*-1+1);
document.write("<b><font color='#CAB339'>" + count + "</b></font>" + "<font color='white'>" + " days war in the city of freedom: Kyiv" + "</font>");
</script>"
hat jemand eine Idee
lg Andre
Ich habe es mal getestet, siehe Screenshots
------ Vorschau -----
----- Objekte im Header -----
----- JavaScript-Code im HTML-Objekt -----
<script>
var eventdate = new Date("February 24, 2022 00:00:00 GMT");
d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
count=Math.floor(count/(60*60*24)*-1+1);
document.write("<b><font color='#CAB339'>" + count + "</b></font>" + "<font color='white'>" + " days war in the city of freedom: Kyiv" + "</font>");
</script>"
Die Farben im JavaScript-Code habe ich für meinen Test angepasst - sonst aber nichts.
Autor
ja danke super - du hast mich auf eine gute Idee gebracht - danke vielmals :)