|
|
|
| Latest News |
Latest Threads |
|
|
 |
| 55.070 Posts & 4.945 Themen in 78 Foren |
|
|
|
|
 |
Forensuche |
|
Suchbegriff |
Benutzerauswahl |
Ergebnisse anzeigen |
|
 |
Auftrag: Mobile Phpkit Version
158 Beiträge in diesem Thema |
|
|
|
|
|
 |
18.03.2017 - 10:39 Uhr |
|
|
|
|
ähm?!?
Meinst du die Dateien aus /pkinc/publictpl/content ?
Welche brauchst du denn?
|
|
|
| |
|
|
|
|
|
|
|
|
18.03.2017 - 17:05 Uhr |
|
|
|
|
WEBI meint diese beiden Templates:
- pkinc/publictpl/content/overview_news_linkbox_left.htm
- pkinc/publictpl/content/overview_news_linkbox_right.htm
|
|
|
| |
|
|
|
|
|
|
|
|
19.03.2017 - 08:38 Uhr |
|
|
|
|
Habe ich mal hochgeladen. Von Artikel, News, Downloads. Welche für Links (Tourdates) zuständig ist, müsstest du mir noch mal sagen. Dann lade ich die auch hoch.
|
|
|
| |
|
|
|
|
|
|
|
|
19.03.2017 - 18:15 Uhr |
|
|
|
|
Versuch es mal so:
AdminCenter > Sonstiges > Designs > **Dein Design wählen** > Optionale Angaben
Im nebenstehenden Eingabefeld fügst du folgenden Code ganz unten hinzu:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
| | Quellcode /* Artikel
* News
* Links (Tour-Daten)
* Downloads
*
* Übersichtsseiten: Einträge mittig
* -- Anfang --
*/
/* articles, news */
.page-contentarchive .contentbody tr td.contentodd,
.page-contentarchive .contentbody tr td.contenteven
{
text-align: center;
/*
width: 100%;
display: block;
*/
}
.page-contentarchive .contentbody tr td.contentodd table tr td div[align="justify"],
.page-contentarchive .contentbody tr td.contenteven table tr td div[align="justify"]
{
text-align: center;
}
.page-contentarchive .contentbody tr td.contentodd table tr td div[align="justify"] img[align="left"],
.page-contentarchive .contentbody tr td.contenteven table tr td div[align="justify"] img[align="left"]
{
margin: auto;
display: block;
float: none;
}
/* links, download */
.page-contentarchive .contentbody tr td.odd:first-child,
.page-contentarchive .contentbody tr td.even:first-child
{
text-align: center;
}
.page-contentarchive .contentbody tr td.odd:first-child img[align="left"],
.page-contentarchive .contentbody tr td.even:first-child img[align="left"]
{
margin: auto;
display: block;
float: none;
}
/*
* -- Ende --
*/ | | |
Beim testen hatten Firefox (47.0.1) und Opera (41.0) keine Probleme. Mein alter Opera (12.15) hatte nur bei der News-Übersicht ( ?path=news ) trotz Einstellung den Newstext etc. mittig gestellt. Da es ja eh für Tablet und co. ist sollte es da aber keine Probleme geben - weil halt neuer als mein alter 12er Opera ;>
//edit
Ach jo, nur zur Info. Für mein 10"-Tablet ( ja, ich hab eins ;p ) ist die mobile Seite doch recht unpraktisch zu benutzen. Die Texte sind relativ klein, und das anklicken von Links oder Menüs ist .. Naja, unpraktisch halt ^^" Ist das bei den Smartphones besser zu händeln?
Nur um es mal zu verdeutlichen:
Die Texte sind in etwa so groß als wenn man von einen normalen Bildschirm nen guten halben Meter entfernt stehen würde. Oder ca. 70% verkleinert bei normalen Desktop-Seiten  Also wie gesagt; nur zur Info.
|
|
| Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von k!r!ka - 19.03.2017 - 18:21 Uhr |
|
|
|
| |
|
|
|
|
|
|
|
|
19.03.2017 - 19:23 Uhr |
|
|
|
|
Ok, gut das du es sagst. Im alten Code hatte ich es so eingestellt, daß nur Handys auf die mobile Seite geladen. Kann man das anpassen? Glaube im alten Code war was von 320. Bin auf Arbeit und kann erst morgen schauen. Danke dir jedenfalls 👍
|
|
|
| |
|
|
|
|
|
|
|
|
20.03.2017 - 09:26 Uhr |
|
|
|
|
 Skaliert auf 550 x 977 Pixel
Also bei mir wird immer eine Zeile ausgelassen mit mittig
|
|
|
| |
|
|
|
|
|
|
|
|
20.03.2017 - 17:27 Uhr |
|
|
|
|
Joa, habs gesehen. Nimm mal diesen Code ( den alten von oben ersetzen ):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
| | Quellcode /* Artikel
* News
* Links (Tour-Daten)
* Downloads
*
* Übersichtsseiten: Einträge mittig
* -- Anfang --
*/
/* articles, news */
.page-contentarchive .contentbody tr td.contentodd,
.page-contentarchive .contentbody tr td.contentodd2,
.page-contentarchive .contentbody tr td.contenteven,
.page-contentarchive .contentbody tr td.contenteven2
{
text-align: center;
/*
width: 100%;
display: block;
*/
}
.page-contentarchive .contentbody tr td.contentodd table tr td div[align="justify"],
.page-contentarchive .contentbody tr td.contentodd2 table tr td div[align="justify"],
.page-contentarchive .contentbody tr td.contenteven table tr td div[align="justify"],
.page-contentarchive .contentbody tr td.contenteven2 table tr td div[align="justify"]
{
text-align: center;
}
.page-contentarchive .contentbody tr td.contentodd table tr td div[align="justify"] img[align="left"],
.page-contentarchive .contentbody tr td.contentodd2 table tr td div[align="justify"] img[align="left"],
.page-contentarchive .contentbody tr td.contenteven table tr td div[align="justify"] img[align="left"],
.page-contentarchive .contentbody tr td.contenteven2 table tr td div[align="justify"] img[align="left"]
{
margin: auto;
display: block;
float: none;
}
/* links, download */
.page-contentarchive .contentbody tr td.odd:first-child,
.page-contentarchive .contentbody tr td.odd2:first-child,
.page-contentarchive .contentbody tr td.even:first-child,
.page-contentarchive .contentbody tr td.even2:first-child
{
text-align: center;
}
.page-contentarchive .contentbody tr td.odd:first-child img[align="left"],
.page-contentarchive .contentbody tr td.odd2:first-child img[align="left"],
.page-contentarchive .contentbody tr td.even:first-child img[align="left"],
.page-contentarchive .contentbody tr td.even2:first-child img[align="left"]
{
margin: auto;
display: block;
float: none;
}
/*
* -- Ende --
*/ | | |
|
|
|
| |
|
|
|
|
|
|
|
|
21.03.2017 - 09:58 Uhr |
|
|
|
|
Super, das hat geklappt. Noch ne Idee, wie man Tablets ausschließt?
|
|
|
| |
|
|
|
|
|
|
|
|
24.03.2017 - 12:17 Uhr |
|
|
|
|
Laut Webseitenbetreiber, wird es schwer werden, falls es überhaupt möglich, Tablets auszuschließen. Ich hatte es zuvor über die Auflösung geregelt. Alles was größer als 320px war, wurde zur Hauptseite umgeleitet.
|
|
|
| |
|
|
|
|
|
|
|
|
24.03.2017 - 18:06 Uhr |
|
|
|
|
Zitat
Original geschrieben von DHH
Laut Webseitenbetreiber, wird es schwer werden, falls es überhaupt möglich, Tablets auszuschließen. Ich hatte es zuvor über die Auflösung geregelt. Alles was größer als 320px war, wurde zur Hauptseite umgeleitet. |
Ist halt blöd wenn der User-Agent zwischen Smartphone und Tablet die gleichen sind. Aber wie hasten das über die Auflösung und Umleitung geregelt? Bzw. hört es sich ja auch so an als wenn das "Problem" sogesehen erstmal gelöst ist?^^""
Ansonsten ( wenn es also doch noch ein Problem ist ;p ) könnte man ja auch die CSS-Datei(en) anpassen. Es wird ja eh angeraten im mobilen Sektor auf andere Einheiten als px umzusteigen und so flexibel wie möglich für jedes Gerät zu sein.
Im Desktop-Bereich ist es ja i.d.R. die Einheit px. Auf CSS4You.de gibt es eine Übersicht an Einheiten.
Wenn ich per User-Switch von px auf die Einheit pt gehe sieht es so im Firefox aus:
https://abload.de/img/dhh-mm1csn1.png
Für die Einheit mm sieht es so aus:
https://abload.de/img/dhh-pto5sii.png
Die Bilder zeigen zwar Fehler ( Links sind nicht alle geändert ), aber das liegt daran das ich per Suche & Ersetzen schnell die Unterschiede aufzeigen wollte. Denn nicht bei allen px-Angaben sollte man umsteigen. Bswp. kannste ja erstmal bei font-size: bzw. dem allgemeinen font: die Einheiten tauschen und gucken ob es hilft.
Zum Ändern einfach die Datei pkinc/publictpl/style.css entsprechend bearbeiten.
|
|
|
| |
|
|
|
|
|
|
|
|
27.03.2017 - 13:31 Uhr |
|
|
|
|
Hey, sorry das ich mich jetzt erst melde.
Da müsste ich auch gerade mal suchen, wie ich das über die Auflösung gemacht hatte. Das war ja noch ganz am Anfang 
Ja, die CSS wollte ich auch immer mal bearbeiten, dass es wirklich nur noch eine komplette Größe für die Mobileseite gibt. Im ACP kann ich nur auf "770px" stellen.
Allerdings hatte ich immer in der
/fx/economy/css
und nicht in der
/pkinc/publictpl
geschaut.
|
|
|
| |
|
|
|
|
|
|
|
|
29.03.2017 - 11:05 Uhr |
|
|
|
|
So, ich habe heute mal ein paar Änderungen vorgenommen und alles auf 560px umgestellt. So konnte ich auch die viewport "initial-scale=0.6," raus nehmen. Was bei einigen Browsern Probleme machte.
Wie das nun aber auf einem Tablet wirkt, kann ich gerade nicht testen.
|
|
|
| |
|
|
|
|
|
|
|
|
01.04.2017 - 11:51 Uhr |
|
|
|
|
Danke. Habe die Breite mal geändert. Passt es nun?
|
|
|
| |
|
|
|
|
|
|
|
|
01.04.2017 - 12:36 Uhr |
|
|
|
|
Ok, denke wird immer noch nicht passen, denn auch mit dem Handy kann man es nicht weg klicken (nutze die Drehung nicht, nervt mich immer nur auf dem Handy ^^)
Hmm, wüsste jetzt aber nicht, wie ich das ändern kann. Hab dir mal den Code beigelegt. Bitte nur bearbeiten, wenn du vorher die Sonne und das schöne Wetter genossen hast 
Schönes Wochenende wünsche ich euch.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
| | PHP-Quelltext <!-- Facebook Popup Widget START --><!-- Brought to you by www.JasperRoberts.com - www.TheBlogWidgets.com -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:420px;
height:370px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(/bilder/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(1000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='JasperRoberts'>
<div id='TheBlogWidgets'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/rapdhh.offiziell&width=502&height=355&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 400px; height: 330px;'></iframe><center>
<span style="color:#a8a8a8;font-size:8px;" id="linkit">Powered by <a style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com">Jasper Roberts</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.theblogwidgets.com">Blog</a></span></center>
</div>
</div>
<!-- Facebook Popup Widget END. Brought to you by www.JasperRoberts.com - www.TheBlogWidgets.com --> | | |
|
|
|
| |
|
|
|
|
|
|
|
|
 |
Ähnliche Themen |
|
|
|
|
|
|
|
|
|
Auftrag: Mobile Phpkit Version
