WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Layoutproblem  de

Autore: Ukraine.report .
Visite 47, Followers 1, Condiviso 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

Postato il
6 RISPOSTE
Daniel W.
Daniel W.
User
Utente del mese DEUtente del mese 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?

Leggi di più
Postato il da Daniel W.
Daniel W.
Daniel W.
User
Utente del mese DEUtente del mese EN

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

Leggi di più
Postato il da Daniel W.
Ukraine.report .
Ukraine.report .
User
Autore

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

Leggi di più
Postato il da Ukraine.report .
Ukraine.report .
Ukraine.report .
User
Autore

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

Leggi di più
Postato il da Ukraine.report .
Daniel W.
Daniel W.
User
Utente del mese DEUtente del mese 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>"

Leggi di più
Postato il da Daniel W.
Daniel W.
Daniel W.
User
Utente del mese DEUtente del mese EN

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

Leggi di più
Postato il da Daniel W.