Typo3 html code für klickbare Telefonnummer in Kombi mit bestimmter Schrift

sonyboy4

hallo zusammen,

bin Laie und irgendwie überfordert

kann mir jemand helfen, möchte als redakteur einer typo3 seite - html laie - wie gesagt aus einer statischen telefonnummer eine klickbare machen

der quellcode sieht wie folgt aus mit einer anonymisierten Nummer versteht sich.

Vereinbaren Sie einen Termin:
Telefon 0511.876 28 66-0

der quellcode für klickbare telefonnummern lautet nach RFC 3966 standord doch so oder ?

wie kann ich diese beiden Zeilen nun zusammenfügen, so dass die Schriftgröße und auch das Wort Telefon vor der Nummer erhalten bleibt und klickbar wird

schon jetzt vielen herzlichen Dank

mr.gnom

Guten Morgen,

gäbe mehrere Optionen, eine wäre:

HTML

<html>
<head>
    <style>
        a {
            text-decoration: none;
            font-weight: bold;
            color: red;
        }
        a:hover {
            text-decoration: underline;
        }




    </style>
</head>
<body>
    <p><strong>Vereinbaren Sie einen Termin:</strong><a href="#" onclick="js_function();">Telefon 0511.876 28 66-0</a></p>
</body>
</html>

Alles anzeigen

So wäre die Nummer klickbar und du könntest auf eine function zugreifen und alles realisieren.

- - - Aktualisiert - - -

Eigentlich macht man sowas: text gar nicht mehr, aber wenn dann so: text, wenn Du Dir mal Grundlagen Tutorials auf Youtube ansiehst bekommst Du schnell raus das Du id#s und klassen vergeben kannst um Deinen Text zu ändern.

Aber Typo 3 ohne Html / Css Kenntnisse fahren, krass. Typo ist sehr hohes Niveau!

- - - Aktualisiert - - -

Hier nochmal ein bischen abgeändert und Nummer anonymisiert:

HTML

<html>
<head>
    <style>
        #telefon {
            font-family: Verdana, Geneva, sans-serif;
            font-weight: bold;
        }




        #telefon a {
            text-decoration: none;
            border: 2px solid #000;
            padding: 0 3px;
            border-radius: 5px;
            color: white;
            background-color: #CCCCCC;
        }
        #telefon a:hover {
            box-shadow: #000 2px 2px 3px inset;
            background-color: red;
            color: white;
        }




    </style>
</head>
<body>
    <p id="telefon">Vereinbaren Sie einen Termin:&nbsp;<a href="#" onclick="js_function();">Anrufen !</a></p>
</body>
</html>

Alles anzeigen

Der Punkt ist, in Deinem CMS existiert ne api oder ein Objekt welches den Telefonanruf regelt, damit dieses funktioniert bedarf es eines Bestimmten Aufrufes, also must Du sehen wie Du es verwenden must um mit dem Quellcode zu kommunizieren.
Im letzten Quellcode habe ich alle Farblichen Werte vereinfacht eingetragen, erstell Dir ne name.html und füge den Quelltex dort ein. Dann siehst Du was ich Dir da geschrieben habe. Du kannst Den Schrift Typen ändern, die Schriftfarben. wenn Du unter #telefon noch font-size: 20px; einträgst, kannst Du das font-weight: bold; auch rausnehmen und die Textgröße besser anpassen, einfach rum probieren.

Arne Drews

Warum soll das Wort klickbar sein?
Ausserdem bezieht sich doch die RFC nur auf den href, oder irre ich ( habs mir jetzt nicht durchgelesen )?
Das sollte ziemlich simpel umsetzbar sein:

HTML

<a href="tel:+4369911112222">Telefon: +43 (0)699 11112222</a>

Tags