WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Layoutproblem  de

Autor: Ukraine.report .
Visitado 43, Followers 1, Compartido 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

Publicado en
6 RESPUESTAS
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

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?

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

Die Anzeige der Tage wären dann auf allen Seiten zu sehen oder stört das?

Leer más
Publicado en de Daniel W.
Ukraine.report .
Ukraine.report .
User
Autor

ja danke - will es auf jeder seite ich kopiere es mal nach dem übersetzungstool rein  in den header  lg 

Leer más
Publicado en de Ukraine.report .
Ukraine.report .
Ukraine.report .
User
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

Leer más
Publicado en de Ukraine.report .
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

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>"

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

Die Farben im JavaScript-Code habe ich für meinen Test angepasst - sonst aber nichts.

Leer más
Publicado en de Daniel W.