WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Layoutproblem  de

Autor: Ukraine.report .
Besucht 45, 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
6 ANTWORTEN
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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?

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

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

Mehr lesen
Gepostet am von 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 

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Ukraine.report .
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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>"

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

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

Mehr lesen
Gepostet am von Daniel W.