Styling benutzerdefinierte Chrome-Erweiterung

Ich baue eine Chrome-Erweiterung und möchte den Körper stylen, hier ist ein einfacher Screenshot.Styling benutzerdefinierte Chrome-Erweiterung

Ich möchte das Dreieck über die Erweiterung entfernen und weiter nach unten verschieben, wie kann ich das tun? Ich inspizierte das Element, aber ich kann das Dreieck nicht finden, ich dachte, es ist vielleicht ein CSS-Ding. Außerdem möchte ich diesen Schatten auf den Seiten der Erweiterung entfernen.

Ich habe andere Chrom-Erweiterungen mit verschiedenen Designs (ohne das Dreieck, einige haben runde Ecken im Körper) gesehen, und ich möchte mein Design implementieren.

Hat jemand Erfahrung beim Gestalten von benutzerdefinierten Chrome-Erweiterungen und Positionierung? Ihre Hilfe wird geschätzt, danke!

UPDATE

hier ist der Code

Manifest-Datei:

{ 
"name": "chrome-ext-test", 
"description": "testing testing", 
"version": "0.1", 
"browser_action" : { 
    "default_popup": "popup.html", 
    "default_icon": "defaultIcon19x19.png" 
}, 
"manifest_version": 2, 
"permissions": ["notifications"] 
}

(nicht wissen, wo das Manifest im Snippet hinzufügen, aber diese steuert die ext)

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <!-- <title></title> --> 
 
    <script type="text/javascript"> 
 
     function clickHandler() { 
 
     window.webkitNotifications.createNotification("icon.gif", "Clicked", "it was clicked").show(); 
 
     } 
 
    </script> 
 
    </head> 
 
    <body> 
 
    I see this when launched from the toolbar icon :) 
 

 
    <input type="button" value="Clicky" onclick="clickHandler()"> 
 
    </body> 
 
</html>

Quelle

2017-01-05 medev21

Ist das Bild von Ihrer Erweiterung? Poste den Code hier, bearbeite deine Frage und drücke STRG + M und setze deinen Code in das Feld, das sich öffnet. – mlegg

@mlegg Ich habe den Code hinzugefügt, es gibt nicht viel, und ich weiß nicht, wo ich die Manifest-JSON-Datei hinzufügen soll Schnipsel. – medev21

Können Sie einen Screenshot einer Erweiterung hinzufügen, die die Position dieser Box verschoben oder das Dreieck entfernt hat. Soweit ich wusste, war das nicht möglich. – Loaf

Es gibt einige Einschränkungen, was Sie im Popup-Fenster selbst bearbeiten können. Sie können das Dreieck nicht entfernen oder die Spiegelung ändern. Die Breite und Breite soll erhöht werden, aber ich glaube nur bis maximal 800 px und einer Höhe von 600px.

Was es aussieht, ist, dass moat eine HTML-Zeichenfolge in die Webseite selbst einfügt.

Werfen Sie einen Blick auf diese page und es hat ein gutes Beispiel dafür, wie dies zu tun ist. Ihre popup.html führt nur ein Skript auf der ausgewählten Registerkarte aus, wenn es geöffnet und dann geschlossen wird.

Quelle

2017-01-05 21:43:54 Loaf

ich weiß, aber wie kann ich das Dreieck über die Erweiterung oder die Box Schatten entfernen – medev21

Ich änderte meine Antwort, als ich Ihre Frage falsch gelesen. – Loaf

Styling benutzerdefinierte Chrome-Erweiterung

Antwort

Verwandte Themen