使用PHP和IFrame覆蓋本地網頁的風格

我有一個帳戶Simple In/Out。我們有50多名員工，並在接待臺的電視上顯示他們的狀態（內/外）。但是，如果不滾動，我們無法適應屏幕上的所有員工。使用PHP和IFrame覆蓋本地網頁的風格

Simple In/Out提供了非常有限的樣式來顯示列表。通過CSS，我可以刪除死空間並在視覺上改善列表。

起初我會檢查元素並做一些更改，但是屏幕會刷新並且所有更改都會丟失。

我試圖簡單地製作一個.html頁面，顯示本地CSS編輯列表的iFrame。

列表網址是simpleinout.com/list- login，並顯示列表。

下面的兩個文件顯示頁面和一個附加的CSS文件，但如果我點擊其他任何地方的CSS文件被刪除。

simple.html: 

<html> 
<head></head> 
<body> 
<iframe src="http://localhost/~JohnHarbert/simple.php" style="border: 0" width="1920" height="1080" frameborder="0" scrolling="no" ></iframe> 
</body> 
</html> 


simple.php: 

<?php 

$content = file_get_contents('http://www.simpleinout.com/list'); 
$content = str_replace('<head>','<base href="https://www.simpleinout.com/" /><head>', $content); 
$content = str_replace('</head>','<link rel="stylesheet" href="http://localhost/~JohnHarbert/style.css" /></head>', $content); 

echo $content; 

?>

再次。代碼確實在初始加載時附加了css文件（它剛剛添加了它）。但是當我點擊顯示列表。 CSS文件不再被添加到Iframe中。

非常感謝您的幫助。

來源

2014-07-18 John Harbert

我是Simple In/Out背後的Web開發人員。

在屏幕上顯示更多用戶的最簡單方法是使用右上角的字體/列控件。一旦你進入全屏模式，點擊右上角的齒輪圖標。它可以讓你選擇2到6列用戶的任何地方，你可以調整字體大小以適應更多的屏幕。

希望有幫助！

來源

2014-07-18 15:42:41

我還需要自定義顏色。全屏模式下，黑色背景上的狀態爲灰色。你在Wordpress上建立網站嗎？ –

不，簡單的輸入/輸出是從頭開始構建的。如果你需要自定義顏色，可能你最好的選擇就像GreaseMonkey，它可以讓你在瀏覽器級別做到這一點。 –

贏取GreaseMonkey！謝謝。很簡單。沒有雙關。 –

使用PHP和IFrame覆蓋本地網頁的風格

回答

相關問題